@charset "UTF-8";

/**

 * 1. Set default font family to sans-serif.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 * 0. sassCore's style

 */

html {

  font-family: sans-serif;

  /* 1 */

  -ms-text-size-adjust: 100%;

  /* 2 */

  -webkit-text-size-adjust: 100%;

  /* 2 */

  overflow-y: scroll;

  /* 0 */

  -webkit-overflow-scrolling: touch;

  /* 0 */

}



/**

 * 1. Remove default margin

 * 0. sassCore's style.

 */

body {

  margin: 0;

  /* 1 */

  font-size: 12px;

  /* 0 */

  line-height: 2;

  /* 0 */

  color: #333;

  /* 0 */

  background-color: #fff;

  /* 0 */

}



/* HTML5 display definitions

   ========================================================================== */

/**

 * Correct `block` display not defined for any HTML5 element in IE 8/9.

 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.

 * Correct `block` display not defined for `main` in IE 11.

 */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

  display: block;

}



/**

 * 1. Correct `inline-block` display not defined in IE 8/9.

 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

 * 3. Correct `inline-block` display in IE 6/7.

 */

audio,

canvas,

progress,

video {

  display: inline-block;

  /* 1 */

  vertical-align: baseline;

  /* 2 */

  *display: inline;

  /* 3 */

  *zoom: 1;

  /* 3 */

}



/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */

audio:not([controls]) {

  display: none;

  height: 0;

}



/**

 * Address `[hidden]` styling not present in IE 8/9/10.

 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.

 */

[hidden],

template {

  display: none;

}



/* Links

   ========================================================================== */

/**

 * 1. Remove the gray background color from active links in IE 10.

 * 2. Improve readability when focused and also mouse hovered in all browsers.

 * 0. sassCore's style.

 */

a {

  background: transparent;

  /* 1 */

  /* 0 */

  text-decoration: none;

  color: #08c;

}





a:active, a:hover {

  outline: 0;

  /* 2 */

}

a:hover {

  color: #006699;

}



/* Text-level semantics

   ========================================================================== */

/**

 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.

 */

abbr[title] {

  border-bottom: 1px dotted;

}



/**

 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.

 */

b,

strong {

  font-weight: bold;

}



/**

 * Address styling not present in Safari and Chrome.

 */

dfn {

  font-style: italic;

}



/**

 * Address styling not present in IE 8/9.

 */

mark {

  background: #ff0;

  color: #000;

}



/**

 * Address inconsistent and variable font size in all browsers.

 */

small {

  font-size: 80%;

}



/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



/* Embedded content

   ========================================================================== */

/**

 * 1. Remove border when inside `a` element in IE 8/9/10.

 * 2. Improve image quality when scaled in IE 7.

 * 0. sassCore's style.

 */

img {

  border: 0;

  /* 1 */

  vertical-align: middle;

  /* 0 */

  -ms-interpolation-mode: bicubic;

  /* 2 */

}



/**

 * Correct overflow not hidden in IE 9/10/11.

 */

svg:not(:root) {

  overflow: hidden;

}



/* Grouping content

   ========================================================================== */

/**

 * Address differences between Firefox and other browsers.

 */

hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

}



/**

 * 1. Contain overflow in all browsers.

 * 2. Improve readability of pre-formatted text in all browsers.

 */

pre {

  overflow: auto;

  /* 1 */

  white-space: pre;

  /* 2 */

  white-space: pre-wrap;

  /* 2 */

  word-wrap: break-word;

  /* 2 */

}



/**

 * 1. Address odd `em`-unit font size rendering in all browsers.

 * 2. Correct font family set oddly in IE 6, Safari 4/5, and Chrome.

 */

code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  /* 1 */

  _font-family: 'courier new', monospace;

  /* 1 */

  font-size: 1em;

  /* 2 */

}



/* Forms

   ========================================================================== */

/**

 * Known limitation: by default, Chrome and Safari on OS X allow very limited

 * styling of `select`, unless a `border` property is set.

 */

/**

 * 1. Correct color not being inherited.

 *    Known issue: affects color of disabled elements.

 * 2. Correct font properties not being inherited.

 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

 */

button,

input,

optgroup,

select,

textarea {

  color: inherit;

  /* 1 */

  font: inherit;

  /* 2 */

  margin: 0;

  /* 3 */

}



/**

 * Address `overflow` set to `hidden` in IE 8/9/10/11.

 */

button {

  overflow: visible;

}



/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

 * Correct `select` style inheritance in Firefox.

 */

button,

select {

  text-transform: none;

}



/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.

 *    Known issue: inner spacing remains in IE 6.

 */

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

  cursor: pointer;

  /* 3 */

  *overflow: visible;

  /* 4 */

}



/**

 * Re-set default cursor for disabled elements.

 */

button[disabled],

html input[disabled] {

  cursor: default;

}



/**

 * Remove inner padding and border in Firefox 4+.

 */

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



textarea:focus,

input:focus {

  outline: none;

}



/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

input {

  line-height: normal;

}



/**

 * It's recommended that you don't attempt to style these elements.

 * Firefox's implementation doesn't respect box-sizing, padding, or width.

 *

 * 1. Address box sizing set to `content-box` in IE 8/9/10.

 * 2. Remove excess padding in IE 8/9/10.

 * 3. Remove excess padding in IE 7.

 *    Known issue: excess padding remains in IE 6.

 */

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

  *height: 13px;

  /* 3 */

  *width: 13px;

  /* 3 */

}



/**

 * Fix the cursor style for Chrome's increment/decrement buttons. For certain

 * `font-size` values of the `input`, it causes the cursor style of the

 * decrement button to change from `default` to `text`.

 */

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



/**

 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome

 *    (include `-moz` to future-proof).

 */

input[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  /* 2 */

  box-sizing: content-box;

}



/**

 * Remove inner padding and search cancel button in Safari and Chrome on OS X.

 * Safari (but not Chrome) clips the cancel button when the search input has

 * padding (and `textfield` appearance).

 */

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration,

input[type="text"] {

  -webkit-appearance: none;

}



/**

 * Define consistent border, margin, and padding.

 */

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



/**

 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 * 3. Correct alignment displayed oddly in IE 6/7.

 */

legend {

  border: 0;

  /* 1 */

  padding: 0;

  /* 2 */

  *margin-left: -7px;

  /* 3 */

}



/**

 * 1. Remove default vertical scrollbar in IE 8/9/10/11.

 * 0. sassCore's style

 */

textarea {

  overflow: auto;

  /* 1 */

  resize: vertical;

  /* 0 */

}



/**

 * Don't inherit the `font-weight` (applied by a rule above).

 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

 */

optgroup {

  font-weight: bold;

}



/* Tables

   ========================================================================== */

/**

 * Remove most spacing between table cells.

 */

table {

  border-collapse: collapse;

  border-spacing: 0;

}



td,

th {

  padding: 0;

}



/**

 * Address CSS quotes not supported in IE 6/7.

 */

q {

  quotes: none;

}



html,

button,

input,

select,

textarea {

  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;

}



h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {

  margin: 0;

}



ul, ol, li, dl, dd {

  margin: 0;

  padding: 0;

}



ul, ol {

  list-style: none outside none;

}



h1, h2, h3 {

  line-height: 2;

  font-weight: normal;

}



h1 {

  font-size: 18px;

}



h2 {

  font-size: 15.6px;

}



h3 {

  font-size: 14.04px;

}



h4 {

  font-size: 12px;

}



h5, h6 {

  font-size: 10.2px;

  text-transform: uppercase;

}



input:-moz-placeholder,

textarea:-moz-placeholder {

  color: #ccc;

}



input::-moz-placeholder,

textarea::-moz-placeholder {

  color: #ccc;

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

  color: #ccc;

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

  color: #ccc;

}



.clear {

  clear: both;

}



.f-cb {

  zoom: 1;

}



.f-cb:after {

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  overflow: hidden;

  content: ".";

}



.fl {

  float: left;

  display: inline;

}



.fr {

  float: right;

  display: inline;

}



.por {

  position: relative;

}



.poa {

  position: absolute;

}



.pof {

  position: fixed;

}



.poa-f {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.ovh {

  overflow: hidden;

}



.noselect {

  -moz-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

}



.dn {

  display: none;

}



.w-f {

  width: 100%;

}



.h-f {

  height: 100%;

}



/*.loader{

    width: 50px;

    height: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -25px 0 0 -25px;

    font-size: 10px;

    border-top: 1px solid rgba(0,0,0, 0.08);

    border-right: 1px solid rgba(0,0,0, 0.08);

    border-bottom: 1px solid rgba(0,0,0, 0.08);

    border-left: 1px solid rgba(0,0,0, 0.5);

    border-radius: 50%;

    animation: spinner 700ms infinite linear;

}

.loader.white{

    border-top: 1px solid rgba(255,255,255, 0.08);

    border-right: 1px solid rgba(255,255,255, 0.08);

    border-bottom: 1px solid rgba(255,255,255, 0.08);

    border-left: 1px solid rgba(255,255,255, 0.5);

}*/

@keyframes spinner {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

body, html {

  font-family: "Microsoft YaHei", "Source Han Sans CN", "微軟正黑體", "Microsoft JhengHei", "PingFang SC","Hiragino Sans GB", "Helvetica Neue", Helvetica,  "Heiti SC",Arial, sans-serif;

}



@font-face {

  font-family: "iconfont";

  src: url("../fonts/iconfont.eot");

  /* IE9*/

  src: url("../fonts/iconfont.eot") format("embedded-opentype"), url("../fonts/65b678c640c748c1919c4737338854bb.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg") format("svg");

  /* iOS 4.1- */

}

@font-face {

  font-family: 'AVG';

  src: url("../fonts/avgardm.eot");

  src: url("../fonts/avgardm.eot") format("embedded-opentype"), url("../fonts/avgardm.woff") format("woff"), url("../fonts/avgardm.ttf") format("truetype"), url("../fonts/avgardm.svg#avgardm") format("svg");

  font-weight: normal;

  font-style: normal;

}

.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



body {

  overflow: hidden;

  position: relative;

}



.icon-iconfontjiantou:before {

  content: ".";

  background: url(../images/xiajt.svg) center center no-repeat;

  background-size: 30px;

  font-size: 0 !important;

  width: 30px;

  height: 40px;

  display: block;

}



.icon-qq:before {

  content: "\e60e";

}



.icon-jiantou1-copy:before {

  content: ".";

  background: url(../images/yjt.svg) center center no-repeat;

  background-size: 20px;

  font-size: 0 !important;

  width: 20px;

}



.icon-jiantou2:before {

  content: ".";

  background: url(../images/yjt.svg) center center no-repeat;

  background-size: 20px;

  font-size: 0 !important;

  width: 55px;

  height: 20px;

  display: block;

}



.icon-weibo:before {

  content: "\e619";

}



.icon-wechat:before {

  content: "\e66a";

}



.icon-huatong:before {

  content: "\e67d";

}



::-webkit-scrollbar {

  width: 3px;

}



::-webkit-scrollbar-track {

  background: rgba(0, 0, 0, 0.1);

}



::-webkit-scrollbar-thumb {

  background: #00307c;

}



::-webkit-scrollbar-thumb:window-inactive {

  background: #00307c;

}



::-webkit-scrollbar-thumb:vertical:hover {

  background: #00307c;

}



.w1440 {

  width: 1440px;

  margin: 0 auto;

}



.w1200 {

  width: 1200px;

  margin: 0 auto;

}



.l-page__line {

  position: absolute;

  top: 0;

  z-index: 3;

  width: 1px;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.03);

}



.l-page__line--item1 {

  left: 31.25%;

}



.l-page__line--item2 {

  left: 48.44%;

}



.l-page__line--item3 {

  left: 66.15%;

}



.l-header {

  position: relative;

  top: 0;

  z-index: 90;

  width: 100%;

  /*background: #f2f2f2;*/

  padding: 20px 50px;

}



.header-r {

  width: 300px;

  height: 90px;

  position: absolute;

  right: 0;

  top: 0;

}

.header-r .year-img {

  position: absolute;

  width: 115px;

  top: 50%;

  margin-top: -46px;

  right: 0;

  display: block;

}

.header-r .enbox {

  font-size: 16px;

  color: #333;

  line-height: 38px;

  width: 70px;

  top: 50%;

  margin-top: -19px;

  text-align: center;

  position: absolute;

  right: 240px;

  transition: all .5s;

}

.header-r .enbox:hover {

  color: #00307c;

}

.header-r .search-btn {

  width: 20px;

  height: 20px;

  position: absolute;

  top: 50%;

  right: 115px;

  margin-top: -10px;

  border-left: 1px solid #c9c9c9;

  padding-left: 27px;

  box-sizing: content-box;

}

.header-r .search-btn img {

  max-width: 100%;

}



.l-gnav {

  float: left;

  margin-left: 14.5%;

}



.l-header {

  position: absolute;

  background: rgba(255,255,255,.98);

}



.l-header.activefix {

  position: fixed;

  width: 100%;

  top: 0;

  box-shadow: 0px 0px 6px 0px rgba(0,0,0,.1);

}



.n-sub-nav.activefix {

  position: fixed;

  width: 100%;

  top: 0;

  z-index: 6;

}



.l-header-t {

  position: relative;

  width: 20%;

  height: 60px;

  z-index: 3;

}

.l-header-t a {

  display: block;

  height: 100%;

}

.l-header-t img {

  max-width: 100%;

  max-height: 100%;

}



.c-mask-overlay.active {

  opacity: 1;

  visibility: visible;

}



.c-mask-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.8);

  background-image: linear-gradient(-45deg, transparent 25%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.2));

  background-position: left top;

  background-size: 4px 4px;

  background-repeat: repeat;

  opacity: 0;

  visibility: hidden;

  transition: all .5s .3s;

  z-index: 9;

}



.mobile-nav {

  display: none;

}



.l-gnav-list {

  position: relative;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  flex-flow: row nowrap;

  justify-content: flex-end;

  align-items: stretch;

}

.l-gnav-list .l-gnav-item {

  margin: 0 27px;

  font-size: 16px;

}

.l-gnav-list .l-gnav-item a {

  position: relative;

  z-index: 1;

  width: 100%;

  height: 50px;

  line-height: 50px;

  color: #333;

  text-align: center;

  display: block;

  transition: color .5s;

}

.l-gnav-list .l-gnav-item a:before {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 2px;

  background: #00307c;

  transform: scale3d(0, 5, 1);

  transform-origin: 0% 50%;

  transition: transform 0.3s;

  transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);

}

.l-gnav-list .l-gnav-item:hover a, .l-gnav-list .l-gnav-item.cur a {

  color: #00307c;

}

.l-gnav-list .l-gnav-item:hover a:before, .l-gnav-list .l-gnav-item.cur a:before {

  transform: scale3d(1, 1, 1);

}

.l-gnav-list .l-gnav-item-search {

  width: 10%;

  background-image: -webkit-linear-gradient(bottom left, #289bcb, #004da1);

  background-image: -o-linear-gradient(bottom left, #289bcb, #004da1);

  background-image: linear-gradient(to top right, #289bcb, #004da1);

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

}

.l-gnav-list .l-gnav-item-search:after {

  top: 0;

  left: 0;

  z-index: -1;

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  background-image: linear-gradient(0, #d77515, #d71518);

  background-image: linear-gradient(to top, #d77515, #d71518);

  background-image: -moz-linear-gradient(bottom, #d77515, #d71518 100%);

  background-position: top center;

  background-size: 100% 100%;

  background-repeat: no-repeat;

  content: "";

  opacity: 0;

  transition: .5s ease;

}



.l-menu {

  position: absolute;

  width: 100%;

  left: 0;

  top: 120px;

}

.l-menu .l-menu-inner {

  display: flex;

  width: 100%;

  height: 100%;

  flex-flow: row nowrap;

  justify-content: flex-start;

  align-items: flex-start;

}

.l-menu .l-menu-box-li {

  border-top: solid 1px #000;

  display: none;

}

.l-menu .l-menu-box {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 89;

  width: 100%;

  background-image: linear-gradient(0, #d71518, #d77515);

  background-image: linear-gradient(to top, #d71518, #d77515);

  background-image: -moz-linear-gradient(bottom, #d71518, #d77515 100%);

}

.l-menu .l-menu-ul {

  display: -ms-flexbox;

  display: flex;

  padding: 64px 0 120px;

  width: 64.28571%;

  border-right: solid 1px #000;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -ms-flex-align: stretch;

  align-items: stretch;

}

.l-menu .c-hdl2 {

  position: relative;

  display: inline-block;

  font-weight: 400;

  font-style: normal;

  font-size: .9rem;

  font-family: "OSW";

  line-height: 1.1;

  color: #333;

}

.l-menu .p {

  font-size: .35rem;

  line-height: 1.5;

  margin-top: 10px;

  color: #333;

}

.l-menu .l-menu-header {

  padding: 64px 3.42857% 0 7.14286%;

  width: 28.57143%;

}

.l-menu .l-menu-ul .l-menu-item {

  width: 33.33333%;

  margin-bottom: 45px;

}

.l-menu .l-menu-ul .item-h {

  position: relative;

  margin-bottom: 16px;

  padding-bottom: 15px;

  color: #fff;

  font-weight: 700;

  font-style: normal;

  font-size: .45rem;

  line-height: 1.5;

  transition: .5s ease;

}

.l-menu .l-menu-ul .item-h:before {

  position: absolute;

  bottom: 0;

  left: 0;

  display: block;

  width: 24px;

  height: 1px;

  background-color: #000;

  content: "";

}

.l-menu .l-menu-ul .item-h:hover {

  color: #000;

}

.l-menu .l-menu-name {

  position: relative;

  color: #000;

  white-space: nowrap;

  letter-spacing: .08em;

  font-weight: 400;

  font-style: normal;

  font-size: 14px;

  font-family: "OSW";

  text-transform: uppercase;

  line-height: 1;

  -ms-transform-origin: 100% 0;

  transform-origin: 100% 0;

  -webkit-writing-mode: vertical-rl;

  -ms-writing-mode: tb-rl;

  writing-mode: vertical-rl;

  margin: auto;

}



.l-footer {

  padding: 2rem 0 0;

  position: relative;

  width: 100%;

  background-color: #1b1e25;

}

.l-footer .w1440 {

  position: relative;

  z-index: 4;

}

.l-footer:before {

  content: "";

  top: 0;

  right: 0;

  height: 100%;

  width: 100%;

  /*background: url(../images/pic4.png) no-repeat 70% top;*/

  background-size: 20rem auto;

  position: absolute;

  z-index: 1;

}

.l-footer .ul {

  width: 80%;

  position: relative;

  z-index: 2;

}

.l-footer .ma1 {

  margin-top: 1rem;

}

.l-footer .dlbox {

  width: 16%;

  float: left;

  margin-right: 4%;

  padding-top: 45px;

  border-top: 1px solid rgba(255, 255, 255, 0.2);

}

.l-footer .dlbox .dt {

  font-size: 20px;

  line-height: 1;

  color: #fff;

  margin-bottom: 15px;

}



.l-footer .dlbox1 {

  width: 16%;

  float: left;

  margin-right: 4%;

  padding-top: 45px;

  

}



.l-footer .dlbox1 .dt {

  font-size: 20px;

  line-height: 1;

  color: #fff;

  margin-bottom: 15px;

}



.l-footer .dlbox1 .dt img{    width: 35px;

    margin-right: 5px;}



.l-footer .dlbox1 .dt a{color: #fff;}







.l-footer .dlbox .dd {

  display: block;

  font-size: 14px;

  line-height: 1;

  margin-bottom: 10px;

  color: #b5b5b5;

  transition: color .5s;

}

.l-footer .dlbox .dd:hover {

  color: #00307c;

}

.l-footer .dlbox:nth-child(6n) {

  margin-right: 0;

}

.l-footer .footer-r {

  width: 14.5%;

}

.l-footer .footer-r .h {

  font-size: 22px;

  line-height: 1;

  margin-bottom: 1rem;

  color: #fff;

}

.l-footer .footer-r .wxbox {

  width: 55%;

  text-align: center;

}

.l-footer .footer-r .wxbox img {

  width: 100%;

}

.l-footer .footer-r .wxbox p {

  font-size: 12px;

  color: #fff;

  margin-top: 10px;

  opacity: .5;

}

.l-footer .footer-r .year-img {

  margin-top: 1.2rem;

  text-align: center;

}

.l-footer .footer-r .year-img img {

  max-width: 100%;

  max-height: 100%;

}

.l-footer .f-bot-info {

  position: relative;

  z-index: 6;

  margin-top: 1rem;

}

.l-footer .f-bot-info .w1440 {

  padding: 22px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.2);

}

.l-footer .f-bot-info p {

  color: #fff;

  font-size: 14px;

  line-height: 40px;

  opacity: .5;

}

.l-footer .f-bot-info a {

  display: inline-block;

  color: #fff;

  opacity: 1;

  transition: .5s ease;

}

.l-footer .f-bot-info a:hover {

  color: #c4261d;

}

.l-footer .fx-box {

  margin-right: 25px;

}

.l-footer .fx-box .iconfont {

  width: 36px;

  height: 36px;

  line-height: 36px;

  float: left;

  cursor: pointer;

  position: relative;

}

.l-footer .fx-box .iconfont:before {

  margin: 0 6px;

  color: #8d8f92;

  transition: all .5s;

}

.l-footer .fx-box .icon-qq:before {

  position: absolute;

  font-size: 20px;

}

.l-footer .fx-box .icon-qq:before {

  font-size: 20px;

}

.l-footer .fx-box .icon-weibo:before {

  font-size: 24px;

}

.l-footer .fx-box .icon-wechat:before {

  font-size: 24px;

}

.l-footer .fx-box .iconfont:hover:before {

  color: #c4261d;

}

.l-footer .fri-box.active .icon-iconfontjiantou:before {

  transform: rotate(-90deg);

}

.l-footer .fri-box-up {

  position: absolute;

  width: calc(100% + 2px);

  left: -1px;

  bottom: 39px;

  background: #1b1e25;

  border: 1px solid rgba(255, 255, 255, 0.2);

  line-height: 40px;

  display: none;

}

.l-footer .fri-box-up a {

  display: block;

  line-height: 40px;

}

.l-footer .fri-box {

  width: 260px;

  height: 40px;

  line-height: 40px;

  font-size: 14px;

  color: #fff;

  text-indent: 20px;

  border: 1px solid rgba(255, 255, 255, 0.2);

  position: relative;

  cursor: pointer;

}

.l-footer .fri-box .icon-iconfontjiantou {

  position: absolute;

  right: 10px;

  top: 0;

  height: 100%;

}

.l-footer .fri-box .icon-iconfontjiantou:before {

  font-size: 12px;

  opacity: .4;

}



.i-banner {

  position: relative;

  overflow: hidden;

  z-index: 2;

  background: #000;

  /*transition: all .6s ease;*/

}

.i-banner .swiper-slide img {

  width: 100%;

}

.i-banner a {

  display: block;

}

.i-banner .swiper-pagination {

  display: flex;

  flex-flow: row nowrap;

  justify-content: center;

  align-items: center;

  bottom: .9rem !important;

}

.i-banner .swiper-pagination span {

  position: relative;

  display: inline-block;

  margin: 0 14px;

  width: 14px;

  height: 14px;

  cursor: pointer;

  border-radius: 50%;

  opacity: 1;

  background: none;

  transition: box-shadow 0.3s ease, background-color 0.3s ease;

}

.i-banner .swiper-pagination span:before {

  content: "";

  position: absolute;

  width: 14px;

  height: 14px;

  border-radius: 50%;

  left: 0;

  top: 0;

  transform: scale(0.6);

  background: #fff;

  transition: background-color 0.3s ease;

}

.i-banner .swiper-pagination span.swiper-pagination-bullet-active {

  background-color: transparent;

  box-shadow: 0 0 0 1px #00307c;

}

.i-banner .swiper-pagination span.swiper-pagination-bullet-active:before {

  background: #00307c;

}



.p-12 {

  font-size: 12px;

  line-height: 1;

}



.p-14 {

  font-size: 14px;

  line-height: 2;

}

.p-14 img {

  max-width: 100%;

}



.z2 {

  position: relative;

  z-index: 2;

}



.col-ff {

  color: #fff !important;

}



.i-lista {

  padding: 3rem 0 3.2rem;

  background: #fff;

  background-size: 100% auto;

  position: relative;

  z-index: 2;

}

.i-lista .bg {

  background: url(../images/img1.jpg) no-repeat left top;

  background-size: cover;

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  transition: all .6s ease;

}

.i-lista .img {

  width: 64.5%;

}

.i-lista .img img {

  width: 100%;

}

.i-lista .text {

  position: absolute;

  bottom: 0;

  right: 0;

  width: 48%;

  /*.moerbox{

    font-size: 14px;

    line-height: 1;

    color: #fff;

    margin-top: 2.5rem;

    display: block;

    .iconfont{

      &:before{

        font-size:14px;

        color: #fff;

        margin-left: 10px;

      }

    }

  }*/

}

.i-lista .text .time-tit {

  font-size: 30px;

  line-height: 1;

  color: #00307c;

  margin-bottom: 10px;

  text-indent: 37%;

}

.i-lista .text .time {

  font-size: 4.5rem;

  line-height: 1;

  color: #00307c;

  text-indent: 37%;

  margin-bottom: .2rem;

  font-family: "AVG";

}

.i-lista .text .box {

  width: 100%;

  background: #00307c;

  padding: .95rem 2rem 1.5rem;

  overflow: hidden;

}

.i-lista .text .box .before {

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  /*background: url(../images/pic8.png) no-repeat right top;*/

  background-size: 100% auto;

  z-index: 1;

  transition: all .6s ease;

}

.i-lista .text .h {

  font-size: 0.8rem;

  line-height: 1.5;

  color: #fff;

  margin-bottom: .6rem;

}

.i-lista .text .zmore-btn {

  margin-top: 2.5rem;

  /*border:none;*/

}



.i-listb {

  padding: 3.3rem 0 4.5rem;

  background-repeat: no-repeat !important;

  background-position: center top !important;

  background-size: cover !important;

  position: relative;

}

.i-listb .ul {

  width: 260px;

  background: #fff;

}

.i-listb .ul .li {

  padding: 18px 25px;

  border-bottom: 1px solid #d7d8d8;

  font-size: 16px;

  line-height: 30px;

  color: #666;

  cursor: pointer;

}

.i-listb .ul .li:hover, .i-listb .ul .li.cur {

  /*background: #d82b31;*/

  border-bottom: 1px solid #d82b31;

  transition: all .5s;

  color: #fff;

}

.i-listb .ul .li:hover .imga, .i-listb .ul .li.cur .imga {

  opacity: 0;

  transform: rotate(90deg);

}

.i-listb .ul .li:hover .imgb, .i-listb .ul .li.cur .imgb {

  opacity: 1;

  transform: rotate(0deg);

}

.i-listb .ul .img {

  position: relative;

  width: 30px;

  height: 30px;

  overflow: hidden;

  margin-right: .5rem;

}

.i-listb .ul .img .imga, .i-listb .ul .img .imgb {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  transition: all .5s;

}

.i-listb .ul .img .imgb {

  opacity: 0;

  transform: rotate(90deg);

}

.i-listb .box-ajax {

  width: 55px;

  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

  background: #00307c;

  transition: all .5s;

}

.i-listb .box-ajax .iconfont {

  width: 55px;

  height: 28px;

  position: absolute;

  top: 50%;

  left: 0;

  text-align: center;

  margin-top: -14px;

  cursor: pointer;

  transition: all .5s;

}

.i-listb .box-ajax .iconfont:before {

  font-size: 26px;

  color: #fff;

}

.i-listb .box-ajax .text {

  opacity: 0;

  transform: rotate(90deg);

  position: absolute;

  top: 0;

  width: 450px;

  padding: 4rem 1.5rem 0;

}

.i-listb .box-ajax .text .p-12 {

  margin-bottom: .8rem;

}

.i-listb .box-ajax .text .h-tit {

  font-size: 1.2rem;

  line-height: 1;

  margin-bottom: 10px;

}

.i-listb .box-ajax .text .h-ying {

  font-size: 16px;

  line-height: 1;

}

.i-listb .box-ajax .text .p-14 {

  width: 310px;

  margin-top: 1.2rem;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  margin-bottom: 4rem;

  height: 56px;

}

.i-listb .box-ajax.cur {

  width: 450px;

}

.i-listb .box-ajax.cur .text {

  opacity: 1;

  transform: rotate(0deg);

}

.i-listb .box-ajax.cur .iconfont.icon-jiantou2 {

  opacity: 0;

  transform: rotate(90deg);

}



.i-listc {

  padding: 2.2rem 0 2.8rem;

}

.i-listc .time {

  font-size: 14px;

  color: #fff;

  line-height: 1;

  margin-bottom: 10px;

  opacity: 1;

  transform: translateY(10px);

  transition: all .5s 1s;

}

.i-listc .tit {

  font-size: 26px;

  color: #fff;

  line-height: 1;

  margin-bottom: 15px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  opacity: 1;

  transform: translateY(20px);

  transition: all .5s 1s;

}

.i-listc .tit-p {

  font-size: 14px;

  color: #fff;

  opacity: .5;

  line-height: 1.5;

  height: 42px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  width: 80%;

  opacity: 1;

  transform: translateY(30px);

  transition: all .5s 1s;

}

.i-listc .swiper-slide.swiper-slide-active .time, .i-listc .swiper-slide.swiper-slide-active .tit, .i-listc .swiper-slide.swiper-slide-active .tit-p {

  opacity: 1;

  transform: translateY(0px);

}

.i-listc .news-box {

  position: relative;

  overflow: hidden;

  z-index: 2;

  width: 71.5%;

  transition: all .6s ease;

}

.i-listc .news-box .swiper-slide {

  position: relative;

}

.i-listc .news-box .swiper-slide:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  background: url(../images/pic10.png) no-repeat center bottom;

  background-size: 100% auto;

}

.i-listc .news-box .swiper-slide img {

  width: 100%;

}

.i-listc .news-box .swiper-slide .text {

  padding: 25px 55px 1rem 50px;

  bottom: 0;

  position: absolute;

  width: 100%;

}

.i-listc .news-box .swiper-pagination {

  display: flex;

  flex-flow: column nowrap;

  justify-content: center;

  align-items: flex-end;

  left: auto;

  right: .8rem;

  bottom: .9rem !important;

}

.i-listc .news-box .swiper-pagination span {

  position: relative;

  display: inline-block;

  margin: 9px 0 !important;

  width: 6px;

  height: 6px;

  cursor: pointer;

  border-radius: 50%;

  opacity: .5;

  background: #fff;

  transition: box-shadow 0.3s ease, background-color 0.3s ease;

}

.i-listc .news-box .swiper-pagination span.swiper-pagination-bullet-active {

  opacity: 1;

  background: #fff;

}

.i-listc .news-box-r {

  width: 28.5%;

  background: #fff;

  height: 100%;

}

.i-listc .news-box-r .li {

  height: 33.3%;

  width: 100%;

  background: #eee;

  display: block;

  position: relative;

  overflow: hidden;

}

.i-listc .news-box-r .li:before {

  content: "";

  position: absolute;

  left: -260%;

  top: 0;

  width: 200%;

  height: 100%;

  -webkit-transform: skewX(45deg);

  background: #00307c;

  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);

}

.i-listc .news-box-r .nli {

  padding: 1.1rem .8rem;

  position: relative;

  z-index: 2;

}

.i-listc .news-box-r .h {

  font-size: 22px;

  color: #333;

  line-height: 1.5;

  height: 66px;

  overflow: hidden;

  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);

}

.i-listc .news-box-r .more {

  margin-top: .6rem;

  font-size: 14px;

  color: #666;

  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);

}

.i-listc .news-box-r .more .icon-jiantou1-copy:before {

  font-size: 14px;

  color: #666;

  margin-left: 10px;

  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);

}

.i-listc .news-box-r .li:hover .h {

  color: #fff;

}

.i-listc .news-box-r .li:hover .more {

  color: #fff;

}

.i-listc .news-box-r .li:hover .more .icon-jiantou1-copy:before {

  color: #fff;

}

.i-listc .news-box-r .li:hover:before {

  left: -50%;

}



.n-banenr {

  width: 100%;

  height: 16.5rem;

  position: relative;

  background-repeat: no-repeat !important;

  background-position: center top !important;

  background-size: cover !important;

  /*transition: all 1s ease;*/

  padding-top: 90px;

}

.n-banenr .pc-block {

  opacity: 0;

}

.n-banenr img {

  width: 100%;

}

.n-banenr .scroll_down {

  width: 60px;

  height: 60px;

  border: 1px solid rgba(255, 255, 255, 0.2);

  position: absolute;

  border-radius: 50%;

  left: 50%;

  margin-left: -30px;

  bottom: 1.8rem;

}

.n-banenr .scroll_down:before {

    background: url(../images/xia.svg) no-repeat center center;

    width: 60px;

    height: 60px;

    background-size: 30px;

    color: #fff;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: 0;

    margin-left: 0;

    opacity: .7;

    animation: start 1.5s infinite ease-in-out;

}

.n-banenr table {

  width: 100%;

  height: 100%;

  text-align: center;

  color: #fff;

  margin-top: -1rem;

}

.n-banenr table .tit2 {

  font-size: 1.8rem;

  line-height: 1.5;

  margin-bottom: .8rem;

}

.n-banenr table .sp1 {

  font-size: 1rem;

  line-height: 1;

  font-family: "AVG";

  margin-right: -1rem;

}

.n-banenr table .sp2 {

  font-size: 6.8rem;

  line-height: 1;

  font-family: "AVG";

}

.n-banenr table .p1 {

  font-size: 16px;

  line-height: 1.5;

  margin-top: -.5rem;

}



@keyframes start {

  0%,30% {

    opacity: 0;

    transform: translate(0, -8px);

  }

  60% {

    opacity: 1;

    transform: translate(0, 0);

  }

  100% {

    opacity: 0;

    transform: translate(0, 10px);

  }

}

.h-tit {

  font-size: .85rem;

  line-height: 1;

}



.n-intro {

  position: relative;

}

.n-intro .lista {

  padding: 1.5rem 0;

  background: url(../images/img6.jpg) no-repeat center top;

  background-size: cover;

  position: relative;

}

.n-intro .lista .w1440{

  position: relative;

  z-index:4;

}

.n-intro .lista .itembox {

  width: 48%;

  background: #fff;

}

.n-intro .lista .itembox .img {

  overflow: hidden;

}

.n-intro .lista .itembox .img img {

  width: 100%;

  transition: all .8s ease;

}

.n-intro .lista .text {

  padding: .9rem 1.5rem;

}

.n-intro .lista .text .h-tit {

  margin-bottom: 10px;

}

.n-intro .lista .text .p-14 {

  color: #666;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-bottom: .3rem;

}

.n-intro .lista .itembox:hover .img img {

  transform: scale3d(1.1, 1.1, 1);

}

.n-intro .listb {

  background: #00307c;

  position: relative;

  z-index: 4;

}

.n-intro .listb .img {

  height: 17.7rem;

  width: 50%;

}

.n-intro .listb .text {

  height: 17.7rem;

  width: 50%;

  padding: 3rem 2.1rem;

}

.n-intro .listb .text .icon-huatong {

  font-size: 16px;

  line-height: 26px;

  color: #fff;

  padding-left: 28px;

  position: relative;

}

.n-intro .listb .text .icon-huatong:before {

  position: absolute;

  font-size: 18px;

  color: #fff;

  top: 0px;

  left: 0;

}

.n-intro .listb .text .h {

  font-size: .9rem;

  line-height: 1.5;

  color: #fff;

  margin-top: 1.5rem;

  margin-bottom: .5rem;

}

.n-intro .listb .text .p {

  font-size: 15px;

  color: #fff;

  opacity: .7;

  line-height: 2;

  height: 90px;

  overflow: hidden;

}

.n-intro .listb .zmore-btn {

  margin-top: 2rem;

}

.n-intro .listc {

  padding: 3rem 0 2.2rem;

}

.n-intro .listc .h-tit {

  color: #000;

}

.n-intro .listc .p {

  font-size: 15px;

  color: #666;

  line-height: 2;

  margin: .9rem 0 1.2rem;

  width: 68%;

}

.n-intro .listd {

  background: #fafafa;

  padding: 2.1rem 0 2rem;

}

.n-intro .listd .w1440{

  position: relative;

  z-index: 4;

}

.n-intro .listd .li {

  height: 15rem;

  display: block;

  background-repeat: no-repeat !important;

  background-position: center bottom !important;

  background-size: cover !important;

  float: left;

  margin-right: 2%;

  width: 32%;

  position: relative;

}

.n-intro .listd .li:nth-child(3) {

  margin-right: 0;

}

.n-intro .listd .bg {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  opacity: 0;

  z-index: 1;

  transition: all .8s ease;

  background-image: -webkit-linear-gradient(left, #d77515, #d71518);

  background-image: -o-linear-gradient(left, #d77515, #d71518);

  background-image: linear-gradient(to right, #d77515, #d71518);

}

.n-intro .listd .text {

  position: absolute;

  padding: 0 1rem;

  bottom: 1.2rem;

  z-index: 3;

}

.n-intro .listd .text span {

  display: block;

  margin-top: .6rem;

  font-size: 15px;

  opacity: .5;

  line-height: 1.4;

  height: 42px;

  overflow: hidden;

}

.n-intro .listd .li:hover .bg {

  opacity: .5;

}

.n-intro .zmore-btn {

  background: #00307c;

}



.wn-sub-nav {

  position: relative;

  height: 70px;

  z-index: 6;

}

.wn-sub-nav .n-sub-nav {

  background: #333;

  height: 70px;

  line-height: 70px;

}

.wn-sub-nav .li {

  padding: 0 35px;

  font-size: 16px;

  display: block;

  float: left;

  color: #fff;

  border-right: 1px solid rgba(255, 255, 255, 0.2);

  transition: all .5s;

  position: relative;

}

.wn-sub-nav .li:last-child {

  border-right: none;

}

.wn-sub-nav .li:hover, .wn-sub-nav .li.cur {

  background: #fff;

  color: #333;

}

.wn-sub-nav .sub-item {

  position: absolute;

  left: 0;

  top: 70px;

  width: 100%;

  background: #fff;

  text-align: center;

  display: none;

}

.wn-sub-nav .sub-item .sub-li {

  height: 50px;

  line-height: 50px;

  color: #333;

  display: block;

  transition: color .5s;

}

.wn-sub-nav .sub-item .sub-li:hover {

  color: #00307c;

}



.n-about {

  position: relative;

}

.n-about .h2 {

  text-align: center;

  font-size: 1.2rem;

  line-height: 1;

  color: #333;

  margin-bottom: 10px;

}

.n-about .h2 span {

 /* padding-left: 65px;

  background: url(../images/pic14.png) no-repeat left center;

  background-size: auto 1rem;*/

}

.n-about .lista {

  padding: 3.5rem 0 2rem;

  background: #fff;

  position: relative;

  z-index: 2;

}

.n-about .lista .h {

  background: #00307c;

  width: 200px;

  height: 40px;

  line-height: 40px;

  padding: 0 0 0 50px;

  color: #fff;

  font-size: 14px;

  margin-bottom: 1rem;

}

.n-about .lista .h2 {

  text-align: left;

}

.n-about .lista .tit-p {

  font-size: 16px;

  line-height: 1.5;

  color: #333;

  margin-bottom: 1.5rem;

}

.n-about .lista .p {

  font-size: 14px;

  line-height: 1.8;

  color: #666;

}

.n-about .lista .p img {

  max-width: 100%;

}

.n-about .lista span {

 

  display: inline-block;

   

}

.n-about .lista .left {

  width: 45%;

}

.n-about .lista .right {

  width: 48%;

}

.n-about .lista .right .img1 {

  width: 100%;

}

.n-about .lista .ul {

  width: 100%;

  margin-top: 1rem;

}

.n-about .lista .ul .li {

  width: 22.5%;

  margin-right: 3.33%;

  background: #fff;

  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);

  padding: 0 10px;

  float: left;

  height: 260px;

  position: relative;

  overflow: hidden;

  transition: all .5s;

}

.n-about .lista .ul .li table {

  width: 100%;

  height: 100%;

  text-align: center;

  position: relative;

  z-index: 2;

}

.n-about .lista .ul .li .su {

  font-size: 2.25rem;

  color: #00307c;

  font-family: "AVG";

  line-height: 1;

  margin-bottom: 10px;

  transition: all .5s;

}

.n-about .lista .ul .li p {

  font-size: 14px;

  color: #666;

  line-height: 1.8;

  transition: all .5s;

}

.n-about .lista .ul .bg {

/*  background: url(../images/pic8.png) no-repeat center;

  background-size: 100% 100%;*/

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

}

.n-about .lista .ul .bg1 {

  left: 74%;

  top: 8%;

}

.n-about .lista .ul .bg2 {

  background-size: 150% 150%;

}

.n-about .lista .ul .bg3 {

  left: -80%;

}

.n-about .lista .ul .bg4 {

  left: -50%;

}

.n-about .lista .ul .li:nth-child(4) {

  margin-right: 0;

}

.n-about .lista .ul .li:hover {

  background: #00307c;

}

.n-about .lista .ul .li:hover .su {

  color: #fff;

}

.n-about .lista .ul .li:hover p {

  color: #fff;

}

.n-about .listb {

  background: #fafafa;

  padding: 1.5rem 0 0;

}

.n-about .listb .h {

  background: #00307c;

  width: 200px;

  height: 40px;

  line-height: 40px;

  padding: 0 0 0 50px;

  color: #fff;

  font-size: 14px;

  margin-bottom: 1rem;

}



.n-about .listb .jiaru {    font-size: 30px;

    line-height: 30px;

    text-align: center;

    padding-bottom: 19px;}





.n-about .listb .h2 {

  text-align: center;

}

.n-about .listb .tit-p {

  font-size: 16px;

  line-height: 1.5;

  color: #333;

  margin-bottom: 1.5rem;

}

.n-about .listb .p {

  font-size: 14px;

  line-height: 2.8;

  color: #666;

}



.n-about .job .p {    text-align: center;}





.n-about .listb .job p{

  font-size: 14px;

  line-height: 1.8;

      margin-bottom: 20px;

  color: #666;

      text-align: center;

}





.n-about .listb .p img {

  max-width: 100%;

}

.n-about .listb .img {

  width: 54%;

}

.n-about .listb .img img {

  width: 100%;

}

.n-about .listb .text {

  width: 100%;

  margin-top: 1.5rem;

  margin-bottom: 1.5rem;

}

.n-about .listd {

  padding: 3rem 0 3.5rem;

  background: #333e7b url(../images/pic15.png) no-repeat center bottom;

}

.n-about .listd .swiper-pagination {

  bottom: 0rem;

}

.n-about .listd .swiper-pagination span {

  background: #fff;

  opacity: .2;

  margin: 0 14px;

  width: 12px;

  height: 12px;

  transition: box-shadow 0.3s ease, background-color 0.3s ease;

}

.n-about .listd .swiper-pagination .swiper-pagination-bullet-active {

  background: #fff;

  opacity: 1;

}

.n-about .listd .honor-box {

  margin-top: 1.5rem;

  overflow: hidden;

  position: relative;

  padding-bottom: 2rem;

  z-index: 2;

}

.n-about .listd .honor-box .li {

  float: left;

  width: 25%;

  height: 6rem;

  padding: .5rem;

  text-align: center;

  border: 1px solid rgba(255, 255, 255, 0.2);

  transition: all .5s ease;

}

.n-about .listd .honor-box .li table {

  width: 100%;

  height: 100%;

}

.n-about .listd .honor-box .li table .img {

  width: 1.5rem;

  height: 1.5rem;

  display: inline-block;

  margin-bottom: 10px;

}

.n-about .listd .honor-box .li table .img img {

  width: 100%;

}

.n-about .listd .honor-box .li table p {

  font-size: 14px;

  line-height: 1.8;

  color: #fff;

}

.n-about .listd .honor-box .li:hover {

  background: #d6000f;

}

.n-about .liste {

  padding: 2.5rem 0;

  min-height: 500px;

}

.n-about .liste .teambox {

  margin-top: 1.5rem;

  position: relative;

  overflow: hidden;

   



}



.n-about .liste .teambox1 {

 

    width: 20%;

    float: left;



}



.n-about .liste .teambox p{    background: #00307c;

    width: 200px;

    height: 40px;

    line-height: 40px;

        text-align: center;

    color: #fff;

    font-size: 14px;

    margin-bottom: 1rem;}





.n-about .liste .teambox p a{ color: #fff;}



.n-about .liste .teambox .swiper-slide {

  position: relative;

}

.n-about .liste .teambox .swiper-slide .img img {

  width: 100%;

  height: 200px;

}

.n-about .liste .teambox .swiper-slide .li {

  width: calc(25% - 20px);

  margin: 0 10px;

  /*padding-right: 20px; */

  float: left;

  position: relative;

}

.n-about .liste .teambox .p {

  font-size: 14px;

  line-height: 1.8;

  padding: 10px;

 /* background: #d6000f;*/

  bottom: 0;

  left: 0;

  width: 100%;

  color: #000;

  text-align: center;

 /* position: absolute;*/

}

.n-about .liste .swiper-button-next, .n-about .liste .swiper-button-prev {

  position: absolute;

  width: 1.5rem;

  height: 1.5rem;

  top: 50%;

  text-align: center;

  margin-top: -.75rem;

  border-radius: 50%;

  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);

  background: #fff !important;

  cursor: pointer;

}

.n-about .liste .swiper-button-next:before, .n-about .liste .swiper-button-prev:before {

  font-size: 28px;

  line-height: 1.5rem;

  color: #333;

}

.n-about .liste .swiper-button-prev {

  left: -80px;

}

.n-about .liste .swiper-button-next {

  transform: rotate(-180deg);

  right: -80px;

}

.n-about .swiper-pagination {

  bottom: 0rem;

  width: 100%;

}

.n-about .swiper-pagination span {

  background: #b6b6b6;

  opacity: 1;

  margin: 0 14px;

  width: 6px;

  height: 6px;

  transition: box-shadow 0.3s ease, background-color 0.3s ease;

}

.n-about .swiper-pagination .swiper-pagination-bullet-active {

  background: #d6000f;

  opacity: 1;

}



.his-box-listc {

  padding: 2.5rem 0 2.8rem;

}

.his-box-listc .h2 {

  font-size: 1.2rem !important;

  text-align: center !important;

}

.his-box-listc .p {

  width: 560px;

  margin: 0 auto;

  font-size: 14px;

  color: #666;

  line-height: 1.8;

  text-align: center;

  margin-bottom: 1rem;

}

.his-box-listc .whis-box {

  width: 100%;

  overflow: hidden;

}

.his-box-listc .whis-box #mCSB_1_scrollbar_horizontal {

  opacity: 0 !important;

  visibility: hidden !important;

}

.his-box-listc .whis-box #mCSB_2_dragger_horizontal {

  opacity: 0 !important;

  visibility: hidden !important;

}

.his-box-listc .his-box {

  display: flex;

  flex-flow: row nowrap;

  justify-content: flex-start;

  align-items: flex-start;

}

.his-box-listc .list-year {

  display: flex;

  flex-flow: row nowrap;

  justify-content: flex-start;

  align-items: flex-start;

  margin-right: 2.25rem;

}

.his-box-listc .subox {

  width: 57px;

  height: 580px;

  background: #c9161d;

  padding: 90px 13px 0;

}

.his-box-listc .subox .s {

  font-size: 28px;

  color: #fff;

  margin-bottom: 2rem;

}

.his-box-listc .subox .year-x {

  font-size: 36px;

  width: 36px;

  color: #fff;

  line-height: 36px;

  writing-mode: tb-rl;

  -webkit-writing-mode: vertical-rl;

  writing-mode: vertical-rl;

  display: flex;

  flex-flow: row nowrap;

  justify-content: flex-start;

  align-items: center;

}

.his-box-listc .subox .year-x span {

  display: block;

}

.his-box-listc .time-all-img {

  margin-left: 10px;

  display: flex;

  flex-flow: row nowrap;

  justify-content: flex-start;

  align-items: flex-start;

}

.his-box-listc .li-item {

  margin: 0 7px;

}

.his-box-listc .li-item:nth-child(2n) {

  margin-top: 1.2rem;

}

.his-box-listc .nli-item {

  padding: 15px;

  width: 190px;

  background: #f5f5f5;

  margin-bottom: 15px;

}

.his-box-listc .nli-item .img {

  margin-bottom: 15px;

}

.his-box-listc .nli-item .img img {

  width: 100%;

}

.his-box-listc .nli-item .li-item-p {

  font-size: 14px;

  color: #666;

  line-height: 2;

  margin-bottom: .75rem;

}

.his-box-listc .nli-item .time {

  font-size: .75rem;

  line-height: 1;

  color: #c9161d;

  font-weight: bold;

  font-family: "AVG";

}

.his-box-listc .p3 {

  font-size: 16px;

  color: #000;

  line-height: 1.5;

  margin-left: 10px;

  writing-mode: tb-rl;

  -webkit-writing-mode: vertical-rl;

  writing-mode: vertical-rl;

  text-align: center;

  height: 580px;

  padding: 110px 0 58px;

  display: flex;

  flex-flow: column nowrap;

  justify-content: flex-start;

  align-items: center;

}

.his-box-listc .p3 .sp {

  width: 24px;

}

.his-box-listc .time-line {

  width: 100%;

  margin-top: 1rem;

}

.his-box-listc .time-line .time-linebox {

  padding-top: 28px;

  background: url(../images/pic24.png) no-repeat center top;

  background-size: 100% 28px;

  overflow: hidden;

}



.his-box-listc .time-line .nli {

  display: flex;

  flex-flow: row nowrap;

  justify-content: flex-start;

  align-items: flex-start;

  /*width: calc(100% + 270px);*/

  /*width: calc(90vw + 6rem);*/

}

.his-box-listc .time-line .li {

  /*width: calc(20% + 42px);*/

  margin-right: 179px;

  width: 145px;

  text-align: center;

  font-size: 18px;

  line-height: 1;

  font-family: "AVG";

  font-weight: bold;

  color: #000;

  padding-top: 24px;

  position: relative;

  cursor: pointer;

}

.his-box-listc .time-line .li:before {

  content: "";

  position: absolute;

  width: 3px;

  background: #000;

  height: 20px;

  left: 50%;

  margin-left: -1.5px;

  bottom: 15px;

}

.his-box-listc .time-line .li:last-child:before{

  display: none;

}

.n-respon {

  background: #f5f5f5;

  padding: 2rem 0;

  position: relative;

}

.n-respon #container {

  position: relative;

  z-index: 4;

  /*width: calc(100% + 16px);*/

}

.n-respon .li {

  background: #fff;

  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);

  overflow: hidden;

}

.n-respon .li .img {

  position: relative;

  z-index: 2;

  overflow: hidden;

}

.n-respon .li .img img {

  width: 100%;

  transition: all .8s ease;

}

.n-respon .li .img .btn {

  width: 2rem;

  height: 2rem;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-top: -1rem;

  margin-left: -1rem;

  z-index: 3;

}

.n-respon .li .text {

  padding: .5rem .75rem 0.5rem;

  position: relative;

  z-index: 2;

}

.n-respon .li .text .time {

  font-size: 14px;

  line-height: 1;

  margin-bottom: 10px;

  color: #666;

  transition: all .8s 0s ease;

}

.n-respon .li .text .h {

  font-size: 18px;

  color: #000;

  line-height: 1.5;

  margin-bottom: 20px;

  transition: all .8s 0s ease;

}

.n-respon .li .text .h-media {

  font-size: 22px;

  color: #000;

  line-height: 1.5;

  transition: all .8s 0s ease;

}

.n-respon .li .text .h-time{

  font-size:14px;

  color: #666;

  line-height: 1;

  margin-bottom: 5px;

  transition: all .8s 0s ease;

}

.n-respon .li .text .more {

  font-size: 14px;

  line-height: 1;

  color: #000;

  display: inline-block;

  padding-right: 30px;

  position: relative;

  transition: all .8s 0s ease;

}

.n-respon .li .text .more:before {

  font-size: 14px;

  color: #000;

  position: absolute;

  right: 0;

  transition: all .8s 0s ease;

}

.n-respon .li:hover .h-time,.n-respon .li:hover .time, .n-respon .li:hover .h, .n-respon .li:hover .h-media, .n-respon .li:hover .more, .n-respon .li:hover .more:before {

  color: #fff;

}

.n-respon .li:hover .img img {

  transform: scale3D(1.1, 1.1, 1);

}

.n-respon .li:hover:before {

  bottom: 0px;

}

.n-respon .li:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  bottom: -100%;

  background: #00307c;

  transition: all .8s ease;

}



.n-info {

  position: relative;

  background: #fff;

  z-index: 2;

}

.n-info .info-left {

  width: 21.5%;

  height: 100%;

  padding: 4rem 20px 0;

  position: absolute;

}

.n-info .info-left .time {

  font-size: 16px;

  line-height: 1;

  color: #999;

  padding-left: 3rem;

  position: relative;

}

.n-info .info-left .time:before {

  content: "";

  position: absolute;

  width: 2.5rem;

  top: 50%;

  left: 0;

  height: 1px;

  background: #999;

}

.n-info .info-box {

  padding: 3rem 1.1rem 2.5rem;

  border-left: 1px solid #dbdbdb;

  border-right: 1px solid #dbdbdb;

  width: 79%;

  

}

.n-info .info-box .top {

  text-align: center;

}

.n-info .info-box .h {

  font-size: .9rem;

  line-height: 1.5;

  margin-bottom: 10px;

  color: #000;

}

.n-info .info-box .time {

  font-size: 14px;

  line-height: 1;

  color: #999;

}

.n-info .info-box .info-text {

  font-size: 16px;

  line-height: 1.8;

  color: #666;

  min-height: 600px;

  padding-bottom: 1rem;

  border-bottom: 1px solid #dbdbdb;

}

.n-info .info-box .info-text img {

  max-width: 100%;

}

.n-info .info-box .fxbox {

  margin: 1rem 0 0;

}

.n-info .info-box .fxbox .tit {

  font-size: 16px;

  line-height: 1;

  margin-bottom: 10px;

  color: #999;

}

.n-info .info-box .fxbox .bdshare-button-style0-24 a {

  padding-left: 0;

  width: 1.5rem;

  height: 1.5rem;

  background: #1a1a1a;

  color: #fff;

  text-align: center;

  line-height: 1.5rem;

  opacity: 1;

  transition: all .5s;

}

.n-info .info-box .fxbox .icon-weibo:before, .n-info .info-box .fxbox .icon-wechat:before {

  font-size: 24px;

}

.n-info .info-box .fxbox .bdshare-button-style0-24 a:hover {

  background: #dc373d;

  opacity: 1;

}

.n-info .info-right {

  padding: 4rem 0 0 .9rem;

  width: 21.5%;

}

.n-info .info-right .tit {

  font-size: 16px;

  color: #999;

  padding-bottom: 15px;

  position: relative;

}

.n-info .info-right .tit:before {

  content: "";

  position: absolute;

  bottom: -5px;

  height: 1px;

  width: 50px;

  background: #999;

  margin-bottom: 15px;

}

.n-info .info-right .ul .li {

  font-size: 14px;

  line-height: 2;

  color: #999;

  padding-left: 10px;

  display: block;

  position: relative;

  margin-bottom: 10px;

  transition: all .5s ease;

}

.n-info .info-right .ul .li:before {

  content: "";

  position: absolute;

  width: 3px;

  height: 3px;

  background: #999;

  border-radius: 50%;

  top: 12px;

  left: 0;

}

.n-info .info-right .ul .li:hover {

  color: #00307c;

}

.n-info .info-left.active {

  position: fixed;

  top: 0;

  padding-top: 80px;

}



.n-industry {

  position: relative;

  z-index: 2;

  background: #fff;

}

.n-industry .item-li {

  padding: 3rem 0 2.2rem;

  background-repeat: no-repeat !important;

  background-position: center top !important;

  background-size: cover !important;

}

.n-industry .item-li .text {

  width: 660px;

  background: rgba(255, 255, 255, 0.98);

  padding: 1.2rem 1.5rem;

}

.n-industry .item-li .text .tit {

  font-size: 16px;

  color: #666;

  padding-bottom: 15px;

  position: relative;

  margin-bottom: 15px;

}

.n-industry .item-li .text .tit:before {

  content: "";

  position: absolute;

  bottom: -5px;

  height: 1px;

  width: 30px;

  background: #666;

  margin-bottom: 15px;

}

.n-industry .item-li .text .h {

  font-size: .9rem;

  color: #333;

  line-height: 1.5;

  margin-bottom: .5rem;

}

.n-industry .item-li .text .p {

  font-size: 14px;

  line-height: 2;

  height: 56px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  color: #333;

}

.n-industry .zmore-btn {

  margin-top: 1.2rem;

  background: #00307c;

}



.n-industry-info {

  position: relative;

  z-index: 2;

}

.n-industry-info .lista {

  padding: 3rem 0 1.5rem;

  background: #fff url(../images/pic17.png) no-repeat right top;

}

.n-industry-info .lista .left {

  width: 330px;

  padding-right: 35px;

  border-right: 1px solid #e0e0e0;

  float: left;

}

.n-industry-info .lista .left .tit {

  font-size: 24px;

  color: #000;

  padding-bottom: 15px;

  position: relative;

  margin-bottom: 20px;

}

.n-industry-info .lista .left .tit:before {

  content: "";

  position: absolute;

  bottom: 0px;

  height: 2px;

  width: 20px;

  background: #000;

}

.n-industry-info .lista .left .p {

  font-size: 14px;

  color: #666;

  line-height: 2;

}

.n-industry-info .lista .left .video-box {

  position: relative;

  margin-top: 1rem;

}

.n-industry-info .lista .left .video-box .imga {

  width: 100%;

}

.n-industry-info .lista .left .video-box .btn {

  width: 2.8rem;

  height: 2.8rem;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-top: -1.4rem;

  margin-left: -1.4rem;

  z-index: 3;

}

.n-industry-info .lista .right {

  width: calc(100% - 330px);

  float: left;

  padding: 0 0 0 1.2rem;

}

.n-industry-info .lista .right .h2 {

  text-align: left;

  font-size: 1.2rem;

  line-height: 1;

  color: #333;

  margin-bottom: 10px;

}

/**.n-industry-info .lista .right .h2 span {

  padding-left: 65px;

  background: url(../images/pic14.png) no-repeat left center;

  background-size: auto 1rem;

}**/

.n-industry-info .lista .right .p {

  margin: .8rem 0 1.2rem;

  font-size: 16px;

  color: #666;

  line-height: 1.8;

}

.n-industry-info .lista .right .p img {

  max-width: 100%;

}

.n-industry-info .lista .right .p2 {

  width: 5.6rem;

  height: 50px;

  text-align: center;

  font-size: 14px;

  line-height: 50px;

  background: #00307c;

  color: #fff;

}

.n-industry-info .industrySwiper {

  position: relative;

}

.n-industry-info .industrySwiper .w1200 {

  position: absolute;

  width: 1200px;

  left: 50%;

  margin-left: -600px;

  bottom: 0px;

  height: 1.5rem;

}

.n-industry-info .industrySwiper .swiper-slide img {

  max-width: 100%;

}

.n-industry-info .industrySwiper .swiper-button-next, .n-industry-info .industrySwiper .swiper-button-prev {

  width: 1.5rem;

  height: 1.5rem;

  background: #fff;

  color: #666;

  position: absolute;

  top: 0;

  margin-top: 0;

  line-height: 1.5rem;

  text-align: center;

  transition: all .5s;

}

.n-industry-info .industrySwiper .swiper-button-next:before, .n-industry-info .industrySwiper .swiper-button-prev:before {

  font-size: 24px;

}

.n-industry-info .industrySwiper .swiper-button-next {

  right: auto;

  left: 2rem;

}

.n-industry-info .industrySwiper .swiper-button-next {

  transform: rotate(-180deg);

}

.n-industry-info .industrySwiper .swiper-button-next:hover, .n-industry-info .industrySwiper .swiper-button-prev:hover {

  background: #00307c;

  transition: all .5s;

  color: #fff;

}

.n-industry-info .industrySwiper .swiper-pagination {

  bottom: 0rem;

}

.n-industry-info .industrySwiper .swiper-pagination span {

  background: #00307c;

  opacity: .2;

  margin: 0 14px;

  width: 6px;

  height: 6px;

  transition: box-shadow 0.3s ease, background-color 0.3s ease;

}

.n-industry-info .industrySwiper .swiper-pagination .swiper-pagination-bullet-active {

  background: #00307c;

  opacity: 1;

}

.n-industry-info .listc .li {

  width: 50%;

  float: left;

  height: 2.5rem;

  line-height: 2.5rem;

  text-align: center;

  display: block;

  background: #c41118;

  color: #fff;

}

.n-industry-info .listc .li img {

  margin-right: 15px;

}

.n-industry-info .listc .li:nth-child(2) {

  background: #00307c;

}



.n-recruit {

  position: relative;

  background: #fff;

  z-index: 2;

}

.n-recruit .h2 {

  text-align: center;

  font-size: 1.2rem;

  line-height: 1;

  color: #333;

  margin-bottom: 2px;

}

/**.n-recruit .h2 span {

  padding-left: 65px;

  background: url(../images/pic14.png) no-repeat left center;

  background-size: auto 1rem;

}**/

.n-recruit .lista {

  padding: 2.5rem 0 3rem;

  background: #f5f5f5;

}

.n-recruit .lista .join-list-top {

  margin-top: 1.5rem;

  padding: .75rem 1.5rem;

  background-color: #00307c;

  /*background-image: -webkit-linear-gradient(left, #d72128 25%, #85254c 50%, #2b2973);

  background-image: -o-linear-gradient(left, #d72128 25%, #85254c 50%, #2b2973);

  background-image: linear-gradient(to right, #d72128 25%, #85254c 50%, #2b2973);*/

}

.n-recruit .lista .join-list-top .sp {

  width: 18%;

  padding-right: 10px;

  font-size: 18px;

  line-height: 1;

  color: #fff;

  float: left;

}

.n-recruit .lista .join-list {

  width: 100%;

}

.n-recruit .lista .join-list li {

  background: #fafafa;

  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

}

.n-recruit .lista .join-list .join-text {

  margin-bottom: 20px;

}

.n-recruit .lista .join-list .join-text .p {

  width: 100%;

}

.n-recruit .lista .join-list .jointop {

  position: relative;

  padding: 0 1.5rem;

  cursor: pointer;

  overflow: hidden;

  background: #fff;

}

.n-recruit .lista .join-list .jointop .jints {

  width: 100%;

}

.n-recruit .lista .join-list .jointop .jints .sp {

  width: 18%;

  padding-right: 10px;

  font-size: 16px;

  line-height: 1;

  color: #666;

  float: left;

}

.n-recruit .lista .join-list .n-jointop {

  position: relative;

  padding: .75rem 0;

  border-bottom: 1px solid #e6e5e5;

}

.n-recruit .lista .join-list .jints {

  float: left;

  margin-top: 3px;

}

.n-recruit .lista .join-list .jints p {

  color: #000;

  font-size: 28px;

  line-height: 30px;

}

.n-recruit .lista .join-list .jints p .i {

  font-size: 22px;

  color: #999;

  line-height: 22px;

}

.n-recruit .lista .join-list .add {

  width: 25px;

  height: 25px;

  position: absolute;

  right: 25px;

  top: 50%;

  margin-top: -12.5px;

  border: 1px solid #93929a;

  border-radius: 50%;

}

.n-recruit .lista .join-list .add i {

  display: block;

  background: #93929a;

  position: absolute;

  transition: 0.5s;

}

.n-recruit .lista .join-list .add i:nth-child(1) {

  width: 60%;

  height: 2px;

  left: 50%;

  top: 50%;

  margin-left: -30%;

  margin-top: -1px;

  transform: rotate(0deg);

  transition: all .5s;

}

.n-recruit .lista .join-list .add i:nth-child(2) {

  width: 2px;

  height: 60%;

  margin-left: -1px;

  left: 50%;

  top: 50%;

  margin-top: -30%;

  transform: rotate(0deg);

  transition: all .5s;

}

.n-recruit .lista .join-list .joins {

  padding: .75rem 1.5rem .8rem;

  display: none;

}

.n-recruit .lista .join-list .joins a {

  display: inline-block;

  width: 130px;

  height: 40px;

  display: inline-block;

  line-height: 40px;

  text-align: center;

  background: #e30613;

  font-size: 16px;

  color: #fff;

}

.n-recruit .lista .join-list .join-text-top {

  display: flex;

  flex-flow: row wrap;

  justify-content: flex-start;

  align-content: flex-start;

  padding: .5rem 0;

}

.n-recruit .lista .join-list .join-text-top .sp-tit {

  margin-bottom: 5px;

}

.n-recruit .lista .join-list .join-text-top .strong1 {

  margin-bottom: 0;

}

.n-recruit .lista .join-list .join-text-top .sp-tit {

  width: 25%;

  font-size: 14px;

  padding-right: 5px;

  margin-bottom: 10px;

}

.n-recruit .lista .join-list .join-info .strong1 {

  font-size: 16px;

  color: #666;

  line-height: 1;

  font-weight: bold;

  margin-bottom: 10px;

}

.n-recruit .lista .join-list .join-info p {

  color: #666666;

  font-size: 14px;

  line-height: 2;

}

.n-recruit .lista .join-list .jointop.on .n-jointop {

  border-bottom: none;

}

.n-recruit .lista .join-list li:last-child .n-jointop {

  border-bottom: none;

}

.n-recruit .lista .join-list .jointop.on .add {

  border: 1px solid #eb5d2d;

}

.n-recruit .lista .join-list .jointop.on .add i:nth-child(1) {

  transform: rotate(45deg);

  transition: all .5s;

  background: #eb5d2d;

}

.n-recruit .lista .join-list .jointop.on .add i:nth-child(2) {

  transform: rotate(45deg);

  transition: all .5s;

  background: #eb5d2d;

}

.n-recruit .listb {

  padding: 2.5rem 0 1.5rem;

}

.n-recruit .listb .schoolbox {

  margin-top: 1.5rem;

  position: relative;

  overflow: hidden;

  padding-bottom: .5rem;

}

.n-recruit .listb .schoolbox .swiper-slide {

  position: relative;

}

.n-recruit .listb .schoolbox .swiper-slide .img img {

  width: 100%;    height: 270px;

}

.n-recruit .listb .schoolbox .swiper-slide .li {

  width: calc(33.3% - 20px);

  margin: 0 10px 20px;

  /*padding-right: 20px; */

  float: left;

  position: relative;

}

.n-recruit .listb .schoolbox .p {

  font-size: 14px;

  line-height: 1.8;

  padding: 10px;

  bottom: 0;

  left: 0;

  width: 100%;

  color: #333;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.n-recruit .listb .swiper-pagination {

  bottom: 0rem;

  width: 100%;

}

.n-recruit .listb .swiper-pagination span {

  background: #b6b6b6;

  opacity: 1;

  margin: 0 14px;

  width: 6px;

  height: 6px;

  transition: box-shadow 0.3s ease, background-color 0.3s ease;

}

.n-recruit .listb .swiper-pagination .swiper-pagination-bullet-active {

  background: #d6000f;

  opacity: 1;

}



.n-contact .map-box {

  position: relative;

}

.n-contact .map-box .map-text {

  position: absolute;

  right: 0;

  top: 3rem;

  width: 22rem;

  padding: 1.5rem 7rem 1.5rem 1.8rem;

  background: #00307c;

}

.n-contact .map-box .p-tit {

  font-size: 14px;

  line-height: .5rem;

  margin-top: 10px;

  color: #fff;

  padding-left: .8rem;

}

.n-contact .map-box .p-tit1 {

  background: url(../images/pic21-5.png) no-repeat left top;

  background-size: auto .5rem;

}

.n-contact .map-box .p-tit2 {

  background: url(../images/pic21-6.png) no-repeat left top;

  background-size: auto .5rem;

}

.n-contact .map-box .p-tit3 {

  background: url(../images/pic21-7.png) no-repeat left top;

  background-size: auto .5rem;

}

.n-contact .map-box .p-tit4 {

  background: url(../images/pic21-8.png) no-repeat left top;

  background-size: auto .5rem;

}

.n-contact .map-box .p-tit5 {

  background: url(../images/pic21-9.png) no-repeat left top;

  background-size: auto .5rem;

}

.n-contact .h2 {

  text-align: left;

  font-size: 1.2rem;

  line-height: 1;

  color: #fff;

  margin-bottom: 20px;

  padding-bottom: .8rem;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.n-contact .h2 span {

  

  display: block;

}

.n-contact #dituContent {

  height: 15.5rem;

  width: 100%;

}

.n-contact #dituContent .BMap_Marker img {

  max-width: 100%;

  max-height: 100%;

  margin-left: 0px !important;

  margin-top: 0px !important;

}

.n-contact .listb {

  padding-bottom: 2rem;

}

.n-contact .ul {

  margin-top: 1.2rem;

}

.n-contact .ul .h2 {

  font-size: 30px;

  color: #333;

  line-height: 1.5;

  padding-bottom: 15px;

  border-bottom: 1px solid #ccc;

  margin-bottom: 20px;

}

.n-contact .ul .li {

  padding: 1.5rem 1.5rem 1.5rem 1.1rem;

  width: 100%;

  margin-bottom: 2%;

  margin-right: 2%;

  background: #f5f5f5;

  float: left;

}

.n-contact .ul .nli {

  height: auto;

}

.n-contact .ul .li:nth-child(2n) {

  margin-right: 0;

}

.n-contact .ul .p-tit {

  font-size: 14px;

  line-height: .5rem;

  margin-top: 10px;

  color: #666;

  padding-left: .8rem;

}

.n-contact .ul .p-tit1 {

  background: url(../images/pic21.png) no-repeat left top;

  background-size: auto .5rem;

}

.n-contact .ul .p-tit2 {

  background: url(../images/pic21-1.png) no-repeat left top;

  background-size: auto .5rem;

}

.n-contact .ul .p-tit3 {

  background: url(../images/pic21-2.png) no-repeat left top;

  background-size: auto .5rem;

}

.n-contact .ul .p-tit4 {

  background: url(../images/pic21-3.png) no-repeat left top;

  background-size: auto .5rem;

}

.n-contact .ul .p-tit5 {

  background: url(../images/pic21-4.png) no-repeat left top;

  background-size: auto .5rem;

}

.n-contact .more-btn {

  width: 100%;

  height: 60px;

  line-height: 60px;

  text-align: center;

  background: #00307c;

  color: #fff;

  cursor: pointer;

  margin-top: .5rem;

}



.n-party {

  position: relative;

  background: #fff;

  z-index: 2;

}

.n-party .h2 {

  text-align: center;

  font-size: 1.2rem;

  line-height: 1;

  color: #333;

  margin-bottom: 10px;

}

.n-party .lista {

  padding: 2rem 0 2.5rem;

}

.n-party .lista .dlbox {

  margin-top: 1.2rem;

}

.n-party .lista .dl-left {

  height: 440px;

  width: 49%;

  background: #f5f5f5;

  padding: 1.5rem 1rem 1.5rem;

}

.n-party .lista .dl-left .tit {

  padding: .3rem .75rem;

  display: inline-block;

  font-size: 26px;

  line-height: 1;

  color: #fff;

  background: #ce1e29;

  margin-bottom: .75rem;

}

.n-party .lista .dl-left .p {

  font-size: 16px;

  line-height: 2.2;

  color: #666;

  height: auto;

}

.n-party .lista .dl-right {

  height: 440px;

  width: 49%;

  background: #f5f5f5;

  text-align: center;

}

.n-party .lista .dl-right img {

  max-width: 100%;

  max-height: 100%;

}

.n-party .listb {

  padding: 2.5rem 0;

  background: #f5f5f5;

}

.n-party .listb .wbrandbox {

  margin-top: 1rem;

  padding-bottom: 1.2rem;

}

.n-party .listb .brandbox {

  overflow: hidden;

}

.n-party .listb .swiper-slide {

  position: relative;

  background: #fff;

}

.n-party .listb .text {

  padding: 1rem .75rem;

}

.n-party .listb .text .tit {

  font-size: 20px;

  color: #333;

  line-height: 1.5;

  margin-bottom: 10px;

}

.n-party .listb .text .p {

  font-size: 14px;

  color: #666;

  line-height: 2;

}

.n-party .listb .img img {

  width: 100%;

}

.n-party .listb .swiper-pagination {

  bottom: 0rem;

  width: 100%;

}

.n-party .listb .swiper-pagination span {

  background: #b6b6b6;

  opacity: 1;

  margin: 0 14px;

  width: 6px;

  height: 6px;

  transition: box-shadow 0.3s ease, background-color 0.3s ease;

}

.n-party .listb .swiper-pagination .swiper-pagination-bullet-active {

  background: #d6000f;

  opacity: 1;

}

.n-party .listc {

  padding: 2rem 0;

}

.n-party .listc .kelist {

  margin-top: 1rem;

  padding-bottom:1.5rem;

}

.n-party .listc .li {

  padding: 0 .35rem;

  text-align: center;

}

.n-party .listc .li img {

  width: 100%;

}

.n-party .listc .li p {

  font-size: 14px;

  color: #666;

  margin-top: 10px;

}

.n-party .listd {

  position: relative;

  z-index: 3;

  background: #fff;

  box-shadow: -6px 0px 15px 0 rgba(0, 0, 0, 0.1);

  padding: 2.5rem 0;

}

.n-party .listd .ulbox {

  /*width: calc(100% + 18px);*/

  margin: 1.25rem auto 0;

}

.n-party .listd .li {

  margin: 0 1%;

  width: 18%;

  float: left;

  background: #f5f5f5;

}

.n-party .listd .li .top {

  width: 100%;

  height: 60px;

  line-height: 60px;

  text-align: center;

  color: #000;

  font-size: 18px;

  background: #fdc426;

}

.n-party .listd .li .img img {

  width: 100%;

}

.n-party .listd .li .text {

  padding: 15px 15px 1.5rem;

  font-size: 14px;

  line-height: 2;

  color: #666;

}

.n-party .listd .li .sp {

  padding-left: 20px;

  position: relative;

}

.n-party .listd .li .sp:before {

  content: "";

  position: absolute;

  left: 0;

  top: 10px;

  width: 6px;

  height: 6px;

  background: #ce1e29;

  border-radius: 50%;

}



.n-culture {

  position: relative;

  z-index: 2;

  background: #fff;

}

.n-culture .h2 {

  text-align: center;

  font-size: 1.2rem;

  line-height: 1;

  color: #333;

  margin-bottom: 10px;

}

.n-culture .lista {

  background: url(../images/img21.jpg) no-repeat center;

  background-size: cover;

  padding: 2rem 0 1.5rem;

}

.n-culture .lista .h2 {

  color: #fff;

}

.n-culture .lista .ulbox {

  margin-top: 1rem;

}

.n-culture .lista .li {

  background: #fff;

  padding: 430px;

  padding: 1.5rem 1rem;

  width: 32%;

  margin-right: 2%;

  float: left;

}

.n-culture .lista .li .sp {

  width: 140px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  color: #fff;

  font-size: 18px;

  color: #fff;

  background: #00307c;

}

.n-culture .lista .li .tit-h {

  margin: 15px 0 .75rem;

  font-size: 14px;

  line-height: 1.5;

}

.n-culture .lista .li .p {

  font-size: 16px;

  color: #666;

  line-height: 1.8;

}

.n-culture .lista .li:nth-child(3n) {

  margin-right: 0;

}

.n-culture .listb {

  padding: 1.5rem 0 2.1rem;

  background: url(../images/img22.jpg) no-repeat center;

  background-size: cover;

}

.n-culture .listb .text {

  width: 41.5%;

  float: right;

}

.n-culture .listb .text .tit {

  font-size: 1.2rem;

  line-height: 1.5;

  color: #000;

  margin-bottom: .4rem;

}

.n-culture .listb .text .p {

  font-size: 18px;

  line-height: 1.8;

  color: #666;

}

.n-culture .listb .text .p img {

  max-width: 100%;

}

.n-culture .listc {

  background: #e6e6e6;

  padding: 2rem 0 2.5rem;

}

.n-culture .listc img {

  width: 100%;

}

.n-culture .listc .imga {

  margin-top: 1.2rem;

}

.n-culture .listd {

  padding: 2.5rem 0;

}

.n-culture .listd .tit {

  font-size: .7rem;

  line-height: 1.5;

  color: #000;

}

.n-culture .listd .tit img {

  width: 1rem;

  height: 1rem;

}

.n-culture .listd .p {

  font-size: 16px;

  line-height: 1.8;

  color: #666;

}

.n-culture .listd .top {

  background: url(../images/img24.jpg) no-repeat center;

  background-size: cover;

  padding: 2rem 1.5rem;

  margin-bottom: 1rem;

  margin-top: 1.2rem;

}

.n-culture .listd .top .tit {

  font-size: .6rem;

  line-height: 1.5;

  color: #000;

}

.n-culture .listd .top .p {

  width: 630px;

}

.n-culture .listd .bot-left {

  width: 66%;

  float: left;

}

.n-culture .listd .bot-left .bot-left1, .n-culture .listd .bot-left .bot-left2 {

  width: 48.5%;

  height: 240px;

  padding: 1rem;

  background: #f5f5f5;

}

.n-culture .listd .bot-left .img {

  width: 1rem;

  height: 1rem;

}

.n-culture .listd .bot-left .img img {

  width: 100%;

}

.n-culture .listd .bot-left .p {

  margin-top: 10px;

}

.n-culture .listd .bot-left .p span {

  margin-right: .5rem;

  line-height: 1.8;

}

.n-culture .listd .bot-left-top {

  margin-bottom: 25px;

}

.n-culture .listd .bot-left-bot {

  width: 100%;

  padding: 1rem;

  height: 175px;

  background: #f5f5f5;

}

.n-culture .listd .bot-right {

  width: 32%;

  padding: 1rem;

  height: 440px;

  background: #f5f5f5;

}

.n-culture .listd .bot-right .img {

  width: 1rem;

  height: 1rem;

}

.n-culture .listd .bot-right .img img {

  width: 100%;

}

.n-culture .listd .bot-right .p {

  margin-top: 10px;

}

.n-culture .liste {

  position: relative;

  z-index: 3;

  background: #fff;

  box-shadow: -6px 0px 15px 0 rgba(0, 0, 0, 0.1);

  padding: 1.8rem 0 2rem;

}

.n-culture .liste .list-item1 {

  margin-top: 1rem;

  padding-bottom: 2rem;

}

.n-culture .liste .li {

  padding: 0 .35rem;

  text-align: center;

}

.n-culture .liste .li img {

  width: 100%;

}

.n-culture .liste .li p {

  font-size: 14px;

  color: #666;

  margin-top: 10px;

}

.n-culture .listf {

  position: relative;

  z-index: 3;

  background: #f5f5f5;

  box-shadow: -6px 0px 15px 0 rgba(0, 0, 0, 0.1);

  padding: 1.8rem 0 2rem;

}

.n-culture .listf .top-box {

  width: 100%;

  margin-top: 1rem;

}

.n-culture .listf .tit {

  font-size: .7rem;

  line-height: 1.5;

  color: #000;

}

.n-culture .listf .tit img {

  width: 1rem;

  height: 1rem;

}

.n-culture .listf .p {

  font-size: 16px;

  line-height: 1.8;

  color: #666;

}

.n-culture .listf .top-left1 {

  width: 48.5%;

  height: 300px;

  padding: 1rem;

  background: #fff;

}

.n-culture .listf .top-left1 .img {

  width: 1rem;

  height: 1rem;

}

.n-culture .listf .top-left1 .img img {

  width: 100%;

}

.n-culture .listf .top-left1 .p {

  margin-top: 10px;

}

.n-culture .listf .bot-box {

  margin-top: 1rem;

  width: 100%;

  padding: 1rem 1rem 4rem;

  background: #fff url(../images/pic23.png) no-repeat right bottom;

  background-size: auto 11rem;

}

.n-culture .listf .bot-box .img {

  width: 1rem;

  height: 1rem;

}

.n-culture .listf .bot-box .img img {

  width: 100%;

}

.n-culture .listf .bot-box .p {

  margin-top: 10px;

}

.n-culture .listf .bot-box .sp {

  padding-left: 20px;

  position: relative;

}

.n-culture .listf .bot-box .sp:before {

  content: "";

  position: absolute;

  left: 0;

  top: 10px;

  width: 6px;

  height: 6px;

  background: #ce1e29;

  border-radius: 50%;

}

.n-culture .listg {

  position: relative;

  z-index: 3;

  background: #f5f5f5;

  box-shadow: -6px 0px 15px 0 rgba(0, 0, 0, 0.1);

  padding: 1.8rem 0 2rem;

}

.n-culture .listg .list-item1 {

  margin-top: 1rem;

  padding-bottom: 2rem;

}

.n-culture .listg .li {

  padding: 0 .35rem;

  text-align: center;

}

.n-culture .listg .li img {

  width: 100%;

}

.n-culture .listg .li p {

  font-size: 14px;

  color: #666;

  margin-top: 10px;

}



.n-year .h2 {

  text-align: left;

  font-size: .75rem;

  line-height: 1;

  color: #333;

  margin-bottom: .85rem;

  font-family: "Microsoft YaHei";

}

.n-year .h2 span {

  padding-left: 1.5rem;

  background: url(../images/pic14.png) no-repeat left center;

  background-size: auto .75rem;

  display: block;

}

.n-year .lista {

  background: #e8e8e8;

  position: relative;

  z-index: 3;

  padding: 1.8rem 0;

}

.n-year .lista .dl-item:nth-child(1) {

  background: url(../images/img26.jpg) no-repeat left top;

  background-size: 100% auto;

}

.n-year .lista .dl-item:nth-child(2) {

  background: url(../images/img26-1.jpg) no-repeat left bottom;

  background-size: 100% 100%;

}

.n-year .lista .dl-item {

  width: 50%;

  height: 16.5rem;

}

.n-year .lista .dl-item table {

  width: 100%;

  height: 100%;

  text-align: center;

}

.n-year .lista .dl-item table td {

  line-height: 1.5;

  font-size: 1.2rem;

  color: #fff;

  font-family: "SimSun";

  padding: 0 2.5rem;

}

.n-year .lista .dl-item .p {

  font-size: 14px;

  line-height: 2;

  color: #666;

  text-align: left;

  font-family: "Microsoft YaHei";

}

.n-year .listc {

  padding: 2rem 0 1.5rem;

  background: #f5f5f5;

}

.n-year .listc .h2 {

  font-size: 1.2rem;

  text-align: center;

}

.n-year .listc .h2 span {

  background: url(../images/pic14.png) no-repeat left center;

  padding-left: 1.8rem;

  background-size: auto 1rem;

  display: inline-block;

}

.n-year .listc .sitem-nav {

  margin-top: 1.5rem;

}

.n-year .listc .sitem-nav .li {

  float: left;

  padding: 0 .75rem;

  height: 48px;

  line-height: 48px;

  background: #fff;

  margin: 0 2px 4px;

  cursor: pointer;

  font-size: 14px;

  transition: background .5s,color .5s .05s;

}

.n-year .listc .sitem-nav .li:hover, .n-year .listc .sitem-nav .li.cur {

  background: #d6000f;

  color: #fff;

}

.n-year .listc .list-item1 {

  margin-top: 1rem;

  padding-bottom: 2rem;

}

.n-year .listc .list-item1 .li {

  text-align: center;

    display:flex !important;

  flex-flow:row wrap;

  justify-content:stretch;

  align-items:flex-start;

}

.n-year .listc .list-item1 .li .item {

  width: 31.3%;

  margin: 0 1% 2%;

}

.n-year .listc .list-item1 .li img {

  width: 100%;

}

.n-year .listc .list-item1 .li p {

  font-size: 14px;

  color: #666;

  margin-top: 10px;

}



.bg-none-s {

  background: #000;

  opacity: .8;

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 100;

  display: none;

}



.meadia-ajax.active {

  transform: scale(1);

  opacity: 1;

  display: block;

}



.meadia-ajax {

  width: 80%;

  position: fixed;

  height: 16rem;

  left: 50%;

  margin-left: -40%;

  top: 50%;

  margin-top: -8rem;

  /*overflow: hidden;*/

  opacity: 0;

  transform: scale(0);

  transition: opacity .5s,transform 1s;

  display: none;

  background: #000;

  z-index: 101;

}



.meadia-ajax video {

  width: 100%;

  max-height: 16rem;

}



.meadia-ajax .close-btn {

  width: 1rem;

  height: 1rem;

  position: absolute;

  right: 0rem;

  top: -1.5rem;

  z-index: 9;

  cursor: pointer;

}



.meadia-ajax .close-btn img {

  max-width: 100%;

  display: block;

}



@media (max-width: 960px) {

  .n-media .lista {

    width: 100%;

    padding: 0 7%;

    margin-left: 0;

    margin: 1.8rem auto;

  }



  .n-media .lista .ul .li .p {

    font-size: 14px;

  }



  .meadia-ajax {

    height: auto;

    margin-top: -120px;

  }



  .meadia-ajax video {

    max-height: 240px;

  }

}

.wmobile-sub-nav {

  background: #fff;

  position: relative;

  z-index: 4;

  padding-top: 1.2rem;

}



.mobile-sub-nav {

  width: 90%;

  margin: 0 auto;

  line-height: 2.2rem;

  font-size: .75rem;

  position: relative;

}

.mobile-sub-nav .tit {

  display: block;

  color: #fff;

  position: relative;

  background: #00307c;

  overflow: hidden;

  padding: 0 1.2rem;

}

.mobile-sub-nav .sub-tit.on .iconfont {

  transform: rotate(-270deg);

}

.mobile-sub-nav .iconfont.icon-jiantou2 {

  transform: rotate(-90deg);

  transition: all .5s;

}

.mobile-sub-nav .iconfont.icon-jiantou2:before {

  color: #fff;

  font-size: 1.2rem;

}

.mobile-sub-nav .sec-list {

  display: none;

  position: absolute;

  width: 100%;

  left: 0;

  top: 2.2rem;

  font-size: .7rem;

  line-height: 2rem;

  background: rgba(215, 0, 14, 0.8);

  z-index: 6;

}

.mobile-sub-nav .sec-list a {

  padding: 0 1.2rem;

  color: #fff;

  display: block;

}

.mobile-sub-nav .sub-tit-title {

  padding: 0 1.2rem;

  color: #fff;

}

.mobile-sub-nav .sec-list-title {

  display: none;

}

.mobile-sub-nav .sec-list-title .li-item {

  display: block;

}



.zmore-btn {

  position: relative;

  display: block;

  height: 1.2rem;

  line-height: 1.2rem;

  width: 5rem;

  border: solid 1px rgba(255, 255, 255, 0.2);

  color: #fff;

  padding: 0 35px;

  font-size: 14px;

  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);

  overflow: hidden;

}

.zmore-btn .iconfont.icon-jiantou1-copy {

  width: 20px;

  height: 14px;

  position: absolute;

  top: 0%;

  right: 25px;

  left: auto;

  display: block;

  text-align: center;

  margin-top: 0;

  cursor: pointer;

  /* background: url(../images/yjt.svg) center center no-repeat; */

  /* background-size: 20px; */

}

.zmore-btn .iconfont.icon-jiantou1-copy:before {

  font-size: 14px;

  color: #fff;

  position: absolute;

  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);

}

.zmore-btn .iconfont.icon-jiantou1-copy span {

  position: relative;

  z-index: 2;

}

.zmore-btn:hover {

  background: #fff;

  color: #00307c;

  /*border:1px solid #00307c;*/

  box-shadow: inset 0px 0px 0px 1px #00307c;

}

.zmore-btn:hover .iconfont.icon-jiantou1-copy:before {

  color: #00307c;

  background: url(../images/yjt_l.svg) center center no-repeat;

  background-size: 20px;

}



.c-btn-2 {

  position: relative;

  display: block;

  height: 40px;

  width: 7.25rem;

  color: #fff;

  text-align: center;

  letter-spacing: .2em;

  font-weight: 400;

  font-size: 14px;

  font-family: "OSW";

  line-height: 40px;

  background: #d71518;

  transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);

  overflow: hidden;

}

.c-btn-2:hover {

  color: #333;

  box-shadow: inset 0px 0px 0px 2px #d71518;

  background: transparent;

}



.c-btn-3 {

  position: relative;

  display: block;

  padding: 16px 0;

  width: 100%;

  background: #000;

  color: #fff;

  text-align: center;

  letter-spacing: .05em;

  font-weight: 400;

  font-size: 14px;

  font-family: "OSW";

  text-transform: uppercase;

  line-height: 1.57143;

  margin-top: 1rem;

  transition: all .8s ease;

  overflow: hidden;

}

.c-btn-3 span {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  z-index: -1;

  border-radius: 50%;

  background-color: #fff;

  transform: translate(-50%, -50%);

  transition: width 0.8s ease, height 0.8s ease;

}

.c-btn-3:hover {

  background: transparent;

  color: #333;

}

.c-btn-3:hover span {

  width: 18rem;

  height: 18rem;

}



.icon-full {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  transition: all 350ms ease-in-out;

}



.icon-full svg {

  position: absolute;

  top: 5px;

  left: 5px;

  width: calc(100% - 10px);

  height: calc(100% - 10px);

}



.icon-full svg g, .icon-full svg path {

  transition: all 350ms ease-in-out;

  stroke-width: 0 !important;

  stroke: #111 !important;

}



.icon-full:hover svg g, .icon-full:hover svg path {

  stroke-width: 5 !important;

}



.imgbg-mengban {

  position: relative;

}



.imgbg-mengban:after {

  content: "";

  margin: 0 0 0 0;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: #fff;

  z-index: 4;

}



.imgbg-mengban:before {

  content: "";

  margin: 0 0 0 0;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: #111;

  z-index: 5;

  opacity: 1;

}



.js-m.animate .imgbg-mengban:before, .js-m.animate .imgbg-mengban:after {

  margin-right: 0;

  right: 0;

  bottom: 0;

  left: 100%;

}



.i-listb.active.imgbg-mengban:before, .i-listb.active.imgbg-mengban:after {

  margin-right: 0;

  right: 0;

  bottom: 0;

  left: 100%;

  transition: all 0.5s ease-in-out;

}



.i-listb.active.imgbg-mengban:after {

  transition: all 0.5s ease-in-out .5s;

}



.imgbg-tong {

  position: relative;

}



.imgbg-tong:after {

  content: "";

  margin: 0 0 0 0;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: #fff;

  z-index: 4;

  -moz-transition: all 0.5s ease-in-out 0.5s;

  -webkit-transition: all 0.5s ease-in-out 0.5s;

  transition: all 0.5s ease-in-out 0.5s;

}



.imgbg-tong:before {

  content: "";

  margin: 0 0 0 0;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: #111;

  z-index: 5;

  opacity: 1;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



.js-m.animate.imgbg-tong:before, .js-m.animate.imgbg-tong:after {

  margin-right: 0;

  right: 0;

  bottom: 0;

  left: 100%;

}



.search-alert {

  position: fixed;

  z-index: 100;

  background-color: #222222;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: none;

}



.search-alert .close {

  display: block;

  width: 30px;

  height: 30px;

  background: url(../images/ico_07_1.png) no-repeat center;

  background-size: 24px auto;

  position: absolute;

  top: 38px;

  right: 2.6%;

  cursor: pointer;

  transition: transform 0.3s ease 0s;

}



.search-alert .cent-form {

  position: absolute;

  width: 94.8%;

  left: 2.6%;

  top: 50%;

  height: 2rem;

  margin-top: -63px;

  border-bottom: 1px solid #515151;

}



.search-alert .cent-form .tex {

  border: none;

  font-size: 1.2rem;

  height: 1.5rem;

  line-height: 1.5rem;

  text-align: center;

  width: 100%;

  box-sizing: border-box;

  color: #555;

  background: none;

  padding-left: 2rem;

  padding-right: 3.5rem;

  background: url(../images/ico_01_1.png) no-repeat left center;

}



.search-alert .cent-form .sub-butn {

  border: none;

  height: 1.5rem;

  font-size: .8rem;

  line-height: 1.5rem;

  color: #555;

  text-align: right;

  background: none;

  font-family: "OSW";

  position: absolute;

  right: 0;

  top: 0;

  width: 3.5rem;

  text-align: center;

}



.search-alert .close:hover {

  transform: rotate(90deg);

}



@keyframes scrolldown {

  0% {

    transform: scale(1, 1);

    transform-origin: 100% 100%;

  }

  33% {

    transform: scale(1, 0);

    transform-origin: 100% 100%;

  }

  66% {

    transform: scale(1, 0);

    transform-origin: 0 0;

  }

  100% {

    transform: scale(1, 1);

    transform-origin: 0 0;

  }

}

@keyframes scrolldown2 {

  0% {

    transform: scale(1, 1);

    transform-origin: 100% 100%;

  }

  55% {

    transform: scale(1, 1);

    transform-origin: 100% 100%;

  }

  70% {

    transform: scale(1, 0);

    transform-origin: 100% 100%;

  }

  85% {

    transform: scale(1, 0);

    transform-origin: 0 0;

  }

  100% {

    transform: scale(1, 1);

    transform-origin: 0 0;

  }

}

@keyframes scrollup {

  0% {

    transform: scale(1, 1);

    transform-origin: 0 0;

  }

  33% {

    transform: scale(1, 0);

    transform-origin: 0 0;

  }

  66% {

    transform: scale(1, 0);

    transform-origin: 100% 100%;

  }

  100% {

    transform: scale(1, 1);

    transform-origin: 100% 100%;

  }

}

@keyframes scrollup2 {

  0% {

    transform: scale(1, 1);

    transform-origin: 0 0;

  }

  15% {

    transform: scale(1, 0);

    transform-origin: 0 0;

  }

  30% {

    transform: scale(1, 0);

    transform-origin: 100% 100%;

  }

  45% {

    transform: scale(1, 1);

    transform-origin: 100% 100%;

  }

  100% {

    transform: scale(1, 1);

    transform-origin: 100% 100%;

  }

}

@keyframes sound {

  0% {

    transform: scale(1, 1);

    transform-origin: 100% 100%;

  }

  20% {

    transform: scale(0, 1);

    transform-origin: 100% 100%;

  }

  40% {

    transform: scale(0, 1);

    transform-origin: 0 0;

  }

  60% {

    transform: scale(1, 1);

    transform-origin: 0 0;

  }

  100% {

    transform: scale(1, 1);

    transform-origin: 0 0;

  }

}

@keyframes btnline {

  0% {

    transform: scale(1, 1);

    transform-origin: 100% 100%;

  }

  33% {

    transform: scale(0, 1);

    transform-origin: 100% 100%;

  }

  66% {

    transform: scale(0, 1);

    transform-origin: 0 0;

  }

  100% {

    transform: scale(1, 1);

    transform-origin: 0 0;

  }

}

.backtop svg {

  height: 20px;

  width: 20px;

  position: relative;

  display: block;

  margin: 0 auto;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.backtop.active {

  -webkit-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  transform: scale(1, 1);

  -webkit-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  transform: translate(0, 0);

  opacity: 1;

}



@keyframes scaleloading {

  0% {

    transform: scale(0.5);

  }

  100% {

    transform: scale(10);

    opacity: 0;

  }

}

@keyframes glowmation {

  0% {

    top: -3%;

    left: -3%;

    background-position: 0% 50%;

    background-size: 150% 150%;

  }

  12.5% {

    top: -3%;

    left: 0;

    background-size: 70% 30%;

  }

  25% {

    top: -3%;

    left: 3%;

    background-size: 100% 50%;

  }

  37.5% {

    top: 0;

    left: 3%;

    background-size: 70% 30%;

  }

  50% {

    top: 3%;

    left: 3%;

    background-position: 100% 50%;

    background-size: 30% 30%;

  }

  62.5% {

    top: 3%;

    left: 0;

    background-size: 30% 70%;

  }

  75% {

    top: 3%;

    left: -3%;

    background-size: 50% 100%;

  }

  87.5% {

    top: 0;

    left: -3%;

    background-size: 30% 70%;

  }

  100% {

    top: -3%;

    left: -3%;

    background-position: 0% 50%;

    background-size: 150% 150%;

  }

}

@keyframes img1 {

  0% {

    opacity: .5;

  }

  20% {

    opacity: 1;

  }

  40% {

    opacity: .8;

  }

  50% {

    color: 1;

  }

  80% {

    color: 1;

  }

  100% {

    color: .8;

  }

}

input::-webkit-input-placeholder {

  color: #666 !important;

}



input::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #666 !important;

}



input:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #666 !important;

}



input:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #666 !important;

}



textarea::-webkit-input-placeholder {

  color: #666 !important;

}



textarea::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #666 !important;

}



textarea:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #666 !important;

}



textarea:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #666 !important;

}



@keyframes loader1 {

  0% {

    transform: scale(0.6);

    opacity: 0;

  }

  50% {

    opacity: 1;

  }

  100% {

    transform: scale(1);

    opacity: 0;

  }

}

@keyframes arrow2 {

  0% {

    -webkit-transform: translatey(0);

    transform: translatey(0);

  }

  50% {

    -webkit-transform: translatey(4px);

    transform: translatey(4px);

  }

}

.js-m {

  opacity: 0;

  transform: translate(0, 30px);

  transition: all 0.8s cubic-bezier(0, 0.35, 0.14, 1.1);

}



.js-m.animate {

  opacity: 1;

  transform: translate(0, 0);

}



.js-m-2 {

  opacity: 0;

  transform: translate(30px, 0);

  transition: all .8s ease;

}



.js-m-2.animate {

  opacity: 1;

  transform: translate(0, 0);

}



.js-m-3 {

  opacity: 0;

  transform: translate(30px, 0);

  transition: all .8s ease;

}



.js-m-3.animate {

  opacity: 1;

  transform: translate(0, 0);

}



.delay1 {

  transition-delay: .1s;

}



.delay2 {

  transition-delay: .2s;

}



.delay3 {

  transition-delay: .3s;

}



.delay4 {

  transition-delay: .4s;

}



.delay5 {

  transition-delay: .5s;

}



.delay6 {

  transition-delay: .6s;

}



.delay7 {

  transition-delay: .7s;

}



.delay8 {

  transition-delay: .8s;

}



.delay9 {

  transition-delay: .9s;

}



.delay10 {

  transition-delay: 1s;

}



.delay12 {

  transition-delay: 1.2s;

}



.l-header {

  transform: translate(0, -100%);

}



.mobile-nav .js-m-header {

  width: 100%;

  height: 100vh;

  position: absolute;

  top: 0;

  left: 0;

  overflow: hidden;

}



.js-m-header:after {

  content: "";

  margin: 0 0 0 0;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: #fff;

  z-index: 4;

  -moz-transition: all 0.3s ease-in-out 0.3s;

  -webkit-transition: all 0.3s ease-in-out 0.3s;

  transition: all 0.3s ease-in-out 0.3s;

}



.js-m-header:before {

  content: "";

  margin: 0 0 0 0;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: #111;

  z-index: 5;

  opacity: 1;

  -moz-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.js-m-header.animate:before, .js-m-header.animate:after {

  margin-right: 0;

  right: 0;

  bottom: 0;

  left: 100%;

}



.l-header {

  z-index: 99;

}



.slick-dots li {

  width: 6px !important;

  height: 6px !important;

  margin: 0 14px !important;

  background: #bebebe !important;

  opacity: 1 !important;

}



.slick-dots li.slick-active {

  background: #ce1e29 !important;

}



.his-box-listc .his-box {

  cursor: url(../img/point.png), w-resize;

}



.his-box-listc .time-linebox {

  cursor: url(../img/point.png), w-resize;

}



.bg-top {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  opacity: 0;

  z-index: 1;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

  background-image: -webkit-linear-gradient(left, #d77515, #d71518);

  background-image: linear-gradient(to right, #d77515, #d71518);

}



.n-party .listc .li .img {

  position: relative;

}



.n-party .listc .li:hover .img .bg-top {

  opacity: .3;

}



.n-party .listb .swiper-slide .img {

  position: relative;

}



.n-party .listb .swiper-slide:hover .img .bg-top {

  opacity: .3;

}



.sub-menu ul {

  overflow-x: hidden;

}



.header-r {

  transition: all .5s;

}



.header-r .year-img {

  text-align: right;

  transition: all .5s;

}



.header-r .year-img img {

  transition: all .5s;

}



.l-header.activefix {

  padding: 16px 50px;

}

.l-header.activefix .header-r {

  height: 70px;

}

.l-header.activefix .year-img {

  margin-top: -35px;

  height: 70px;

}

.l-header.activefix .year-img img {

  max-width: 100%;

  height: 100%;

}



.n-contact .map-box {

  padding-top: 70px;

}



.n-contact .map-box .p-tit1 a {

  color: #fff;

}



.n-industry-info .lista .left .video-box {

  cursor: pointer;

}

.i-listb{

  position: relative;

  z-index: 4;

}

.i-listb .ul .li {

  position: relative;

  overflow: hidden;

}



.i-listb .ul .li:before {

  content: "";

  position: absolute;

  left: -260%;

  top: 0;

  width: 200%;

  height: 100%;

  -webkit-transform: skewX(45deg);

  background: #00307c;

  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);

}



.i-listb .ul .li span {

  position: relative;

  z-index: 2;

}



.i-listb .ul .li:hover:before, .i-listb .ul .li.cur:before {

  left: -50%;

}



/*# sourceMappingURL=style.css.map */





.l-footer .fx-box a{

  padding:0 !important;

  background: none !important;

}



.his-box-listc .ntime-linebox{

  width: 100%;

  display: flex;

  flex-flow: row nowrap;

  justify-content: flex-start;

  align-items: flex-start;

}

.n-about .lista .right{

  position: relative;

}

.n-about .lista .right .video-btn{

  width:50px;

  height: 50px;

  position: absolute;

  left: 50%;

  top:50%;

  margin-left: -25px;

  margin-top: 0px;

  text-align: center;

  border-radius: 50%;

  cursor: pointer;

  overflow:hidden;

  transition: all .5s ease;

}

.n-about .lista .right .video-btn img{

  

}

.n-about .lista .right .video-btn:before{

  content:"";

  position: absolute;

  width: 50px;

  height: 50px;

  left:50%;

  top: 50%;

  margin-left: -25px;

  margin-top: -25px;

  background: url(../images/v_1.png) no-repeat center;

  background-size: 100% auto;

  transform:scale(1);

  transition: all .5s .5s ease;

}

.n-about .lista .right .video-btn:after{

  content:"";

  position: absolute;

  width: 50px;

  height: 50px;

  left:50%;

  top: 50%;

  margin-left: -25px;

  margin-top: -25px;

  background: url(../images/v_2.png) no-repeat center;

  background-size: 100% auto;

  transform:scale(0);

  transition: all .5s .5s ease;

}

.n-about .lista .right .video-btn:hover:before{

  transform:scale(0);

  transition: all .5s 0s ease;

}

.n-about .lista .right .video-btn:hover:after{

   transform:scale(1);

   transition: all .5s 0s ease;

}









.n-recruit .n-info {

  margin-top: 0.5rem;

  font-size: 16px;

  line-height: 1.8;

  color: #666;

  padding-bottom: 1rem;

  padding: 30px;

}

.n-recruit .n-info img{

  max-width: 100%;

}

.n-recruit{

  position: relative;

  z-index: 2;

}

.n-recruit .listc{

  background: #f5f5f5;

}

.n-recruit .listc,.n-recruit .listd{

  padding: 1.5rem 0 2rem;

}

.n-recruit .listd .n-info{

  padding-top: 0 !important;

}

@media (max-width:1024px){

  .n-recruit .n-info {

    padding:1.5rem 1rem;

  }

  .n-recruit .n-info {

    font-size: 14px;

  }

}









@media (max-width:1023px){

  .n-industry .mobile-img{

    height:10rem;

    background-position: center center;

    background-size: cover;

  }

  .n-industry .item-li{

    background: none !important;

    padding:0;

  }

  .n-industry .item-li .text{

    width: 100%;

    padding:1.5rem 0 2rem; 

  }

}

@media (max-width:768px){

  .n-industry .mobile-img{

    height:5rem;

  }

}





.leader {}

.leader ul {
    display: flex;
    flex-flow: wrap;
    margin: 0 0 0 -20px;
}

.leader ul li {
    width: 50%;
    display: flex;
    height: 320px !important;
}

.leader ul li .pic {
    width: 200px;
    margin: 0 20px;
}

.leader ul li .pic a {}

.leader ul li .pic a img {
    width: 100%;
    height:280px;
}

.leader ul li .ti {
    display: flex;
    align-items: center;
    margin-bottom:20px;
}

.leader ul li .ti span {
    font-size: 20px;
    font-weight: bold;
}

.leader ul li .ti p {
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    margin-left: 10px;
}

.leader ul li .leader-info {
    min-height: 144px;
    padding: 20px;
    line-height: 24px;
    background-color: #f0f3f8;
    background-image: linear-gradient(to top, #f0f3f8, #f1fafe);
    border-radius: 4px;
}

.leader ul li .leader-info h5 {
    border-left: 4px solid #06b;
    margin-left: -20px;
    margin-bottom: 10px;
    padding-left: 16px;
    font-size: 16px;
}

.leader ul li .leader-info p.labor {
    line-height: 24px;
    color: #797979;
    word-break: break-all;
    text-indent: 2em;
    font-size: 16px;
}

.leader ul li .leader-info p {
}

.leader ul li .leader-info a {
    background-color: #2d8fff;
    margin-top: 20px;
    display: inline-block;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    align-items: center;
}

.leader ul li .leader-info a i {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/cai.svg);
    background-size: 100%;
}

.leader ul li:nth-child(1) {
    width: 100%;
}

.leader ul li  .text {
    flex: 3;
}